背景圖片CSS中的不透明度

如何更改背景圖片的不透明度以及僅背景？我不希望頁面上的任何內容改變。背景圖片CSS中的不透明度

我的CSS代碼：

html {background: url(http://fc04.deviantart.net/fs28/f/2008/131/2/7/Crumpled_white_paper_texture_by_melemel.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;}

來源

2013-12-22 Lo_MAT

如果你只是想改變背景的不透明度，你可以簡單地改變透明度使用圖像編輯器的圖像，它可能會更容易，更清晰 – Sugar

一個互聯網搜索'背景CSS不透明'，我找到一個css-tricks.com解決方案。 – Harald

試試這個：

html { 
    position: relative; 
    height: 100%; 
} 

html:before { 
    content: ''; 
    background: url(http://fc04.deviantart.net/fs28/f/2008/131/2/7/Crumpled_white_paper_texture_by_melemel.jpg); 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    left: 0; 
    top: 0; 
    opacity: 0.8; 
}

Demo

來源

2013-12-22 08:37:00 Tony

謝謝！這一個工作！你會好心解釋一下編碼嗎？我是一個網頁設計新手。我想了解編碼，而不是隻是一直拷貝和粘貼代碼。 –

@ user3123883有許多關於它的優秀文章，請參閱：http://www.hongkiat.com/blog/pseudo-element-before-after/，http://css-tricks.com/pseudo-element-roundup/ ，http://krasimirtsonev.com/blog/article/CSS-before-and-after-pseudo-o-lements-in-practice – Tony

你不應該使用CSS改變圖像，更好的操作畫面用編輯器

進一步你不能這樣做的背景，因爲不透明度僅適用於HTML元素像<img>，因爲它的css屬性不會影響其他屬性，如background。

，所以我認爲你必須改變整個身體

來源

2013-12-22 07:55:56 YAMM

背景圖片CSS中的不透明度

回答

相關問題