代码之家 › 专栏 › 技术社区 › 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 13 年前

应该将背景指定给正文选择器,而不是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中工作的背景图像。

推荐文章

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

McRui · Laravel storeAs()存储问题中的图像

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

GabyUnalaq · 从原始RGB深度图像到灰度的转换不正确

2 年前

AayushPokharel · 如何在css中处理图像的alpha层?

2 年前

MHSarmadi · 阻止显示未完全加载的图像

2 年前

softandwet · 反应img onError未点火

2 年前

Nilesh soni · 颤振图像已缩放,但如何更改缩放位置

2 年前

Adheed nihal · 如果在jquery中超过了文件限制,如何清除用户上传的图像

2 年前

imcoding · img src属性上的vuejs数据绑定出现404错误

2 年前