2

这个问题很奇怪，直到现在我还没有遇到过这样的事情。这里有 2 个 CSS 类

.header {
  background-image: url('pictures/header.png');
  height:99px;
  width:100%;
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  z-index:10;
}
.advertise_tab {
  background-image: url('pictures/advertise_span.png');
  background-repeat:repeat-x;
  height:500px;
  width:100%;
  position:absolute;
  top:90px;
  left:0px;
  display:block;
  z-index:1;
 }

我的问题来自 Chrome 中的第二类。在 IE 和 Firefox 中它工作正常，但在 Chrome.advertise_tab中没有背景。我试过带引号和不带引号，没有任何变化。有趣的是，它.header工作得很好，我看不出两者之间的区别可能会导致这个问题。任何帮助将不胜感激。

4

2 回答 2

1

HTML您是否有使用这些样式的标记示例？

我创建了一个 jsfiddle，对 的格式进行了一些小的更改，以及来自lorempixelCSS的一些图像，它似乎在 Chrome 中工作：

http://jsfiddle.net/j9gYA/

HTML

<div class="header">

</div>
<div class="advertise_tab">

</div>

CSS

.header {
    background-image: url('http://lorempixel.com/100/99');
    height: 99px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 10;
}
.advertise_tab {
    background-image: url('http://lorempixel.com/400/500');
    background-repeat: repeat-x;
    height: 500px;
    width: 100%;
    position: absolute;
    top: 90px;
    left: 0;
    display: block;
    z-index: 1;
}

如果 jsfiddle 出现故障，代码/结果的屏幕截图：

http://uk.omg.li/Pf53/by%20default%202013-06-14%20at%2010.29.54.png

所以我想不出什么CSS会导致任何问题。也许您的图片有问题advertise_span.png，或者 Chrome 没有正确加载到缓存中？

尝试执行 shift+reload，或清除浏览器缓存。

于 2013-06-14T09:34:15.253 回答
0

问题来自我在 Chrome 中安装的 AdBlocker。非常感谢@MassivePenguin 指出这一点！

于 2013-06-14T10:06:35.360 回答