在整个网页上覆盖图像

是否可以在整个网页上覆盖重复图像？如果是这样，怎么样？在整个网页上覆盖图像

2010-02-06 Joshua

事情是这样的：

HTML

<div class="overlay"></div>

CSS

.overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: url("image.png") repeat; 
}

你可能想要把DIV在HTML的最末端，以确保它是高于一切的页面，或者你可以使用z-indexing。

2010-02-06 14:21:50 graphicdivine

这是有效的，除了有一个问题，它不会让我点击叠加后面的任何东西。 – Joshua 2010-02-06 15:02:16

@Joshua：我认为这是一个部分透明的覆盖？我不认为你想要做什么是可能的。也许如果你更多地解释你想要完成什么（视觉和功能），找到解决方案会更容易。 – 2010-02-07 04:52:44

基本上，我有一个部分透明的图像，我想在网页上添加一种色调。 – Joshua 2010-02-07 08:51:54

您无法点击页面上的任何元素，因为您使用<div>覆盖了整个页面，因此所有元素都隐藏在该<div>的后面。
但是，您可以“色调应用”，你的身体背景以这种方式 -

.body{background-image: url("overlay image"), url("your bg image");}

确保您的叠加图像具有适当的透明度，以它。

2015-12-30 09:37:43

回答