为什么在某些网站中无法查看背景图像

Question

如果您访问此类here这样的网站并尝试使用浏览器查看背景图片，则无法进行此操作。

这怎么可能？我想在我的网站上实现它。像css或js脚本一样让它发生。感谢。

编辑：

请不要这样说：

#selector{
background : url('http://someurl.com') no-repeat;   
}

因为我尝试了它并没有做到这一点。

Answer 1

在这种情况下，背景图像不是CSS背景，它只是一个图像，用于扩展整个页面并使用z-index发送到背景。

图片的HTML：

<div id="bg-top" class="bg-top">
  <div>
    <img src="http://netstorage.metrolyrics.com/artists/hero/default/9.jpg" alt="Westlife lyrics">
  </div>
</div>

CSS展开图片并将其发送到后台：

.bg-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 584px;
    background: #000;
    border-bottom: 1px solid #000;
    overflow: hidden;
    z-index: -2; // This is the key, it makes it to be at the background
}