在整個網頁上覆蓋圖像

是否可以在整個網頁上覆蓋重複圖像？如果是這樣，怎麼樣？在整個網頁上覆蓋圖像

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

回答