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

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
}