【问题标题】:IE7/IE8 - not displaying background imageIE7/IE8 - 不显示背景图片
【发布时间】:2013-04-17 20:28:23
【问题描述】:

我正在设计一个具有背景图像的网站,它只是在 y 轴上重复。

#background {
  background: url("../image/bg.png") repeat-y  -43px 150px;
}

这在 FireFox 和 Safari 中运行良好,但在 IE7 或 IE8 中则不行。

我什至为这两个浏览器添加了样式表,并将背景更改为颜色(有效)而不是图像。

这在这两种浏览器中不起作用有什么原因吗?

谢谢

【问题讨论】:

  • 只是想知道...你的图片的原始高度是多少bg.png

标签: css internet-explorer-8 internet-explorer-7


【解决方案1】:

在 IE7 和 IE8 的背景样式中使用 !important。

#background {
  background: url("../image/bg.png") repeat-y  -43px 150px !important;
}

【讨论】:

    【解决方案2】:

    背景有大小吗?因为它需要这个......如果它确实如此并且那不起作用,您是否在页面中设置了您的文档类型? IE 需要这个...

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

    【讨论】:

    • 我没有在背景 div 上设置尺寸。文档类型为strict 是否需要更改为transitional
    • 尝试设置高度:100%;宽度:100%;在 css 中......让我知道你的进展情况。
    • 好吧,-43px 似乎还不够,实际上隐藏在背景所在的 div 后面。我把它改成-180px,可以看到背景图片了。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-01-29
    • 1970-01-01
    • 1970-01-01
    • 2015-08-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多