代码之家 › 专栏 › 技术社区 › Kiada

Internet Explorer无法识别“html”css背景图像标记?

background tags image css html

Kiada · 技术社区 · 14 年前

我基本上想知道这件事有没有解决的办法?我在重新设计我的老男人管道网站,并从这个网站上采取了一些想法 http://visitmix.com/

我正在开发的网站在这里: http://www.plumberkendal.co.uk 这说明了我的意思。我尝试了很多关于html css标签的宽度和高度的事情,但是都没有成功。。这里是有问题的css:

html 
{
 background-image: url("../images/html_bg.png");
 background-repeat: repeat;
 background-color: #5a84c5;
 height: auto;
 width: auto; 
}

body 
{
 padding-top: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 background-image: url("../images/header_bg.png");
 background-repeat: no-repeat;
 background-position: center top;
 text-align: center;
 }

2 回复 | 直到 14 年前

thirtydot 14 年前

应该将背景指定给正文选择器,而不是HTML标记:

body 
{
background-image: url("../images/html_bg.png");
 padding-top: 0px;
 margin-top: 0px;
...
}

将其分配给主体选择器将忽略 <html> 和 <head> 标记并将其放在页面的主体上,按预期显示背景。

(如果其他人能更好地解释这一点,请继续!):)

Paul Parker 13 年前

<htm> 标签。解决办法是 DOCTYPE . 下面是我用过的:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

我还补充说 @charset "utf-8";

我格式化我的 background 属性也不同于你拥有自己的属性,但我不知道这是否有什么不同。

    html {
           background: url("../images/html_bg.jpg") #000 repeat-x;
    }

我能同时拥有 <body> <html> 在Firefox和IE中工作的背景图像。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

3 月前

Mass · 如何在Tailwind CSS v4中创建配置

3 月前

magenta placenta · 将css变量合并为一个变量

3 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

3 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

3 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

4 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

4 月前

Luckkks · 过渡色工作不正常

4 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

4 月前