覆蓋不透明風格

我有一個網頁http://quaaoutlodge.com/content/activities 你會發現半透明的div的不透明度設置爲0.7。現在我想重寫該頁面上圖像的不透明度，但我似乎無法創建一個樣式，相對於1.0的不透明度因素根本不透明，但它與70％不透明度相關我似乎只是變得更加透明而不是更少...... 我該怎麼做？覆蓋不透明風格

謝謝！

來源

2013-02-11 cerr

不要認爲這是可能的，只要圖像是半透明的div的孩子。 – moettinger 2013-02-11 22:35:43

[在透明父元素之上創建非透明div]的可能副本（http://stackoverflow.com/questions/2356711/create-non-transparent-div-on-top-of-transparent-parent-element） – Jon 2013-02-11 22:35:57

我知道這是一種解決方法，但我通常只是在Photoshop中更改圖像的不透明度，有時甚至是純色。

來源

2013-02-11 22:39:21 Rahul

如果我正確理解問題，則可以在CSS中使用rgba樣式而不使用不透明度。

#contentbg { 
    background:rgba(255, 255, 255, 0.7); 
}

只需將255值替換爲您想要背景的RGB值即可。這樣，背景將是透明的，但不是圖像和文字。

來源

2013-02-11 22:54:30

是的 - 這將做你想要的設計。你已經在我們討論的面板中使用了CSS漸變 - 你可以將所有的rgb（xxx，yyy，zzz）顏色轉換爲rgba（xxx，yyy，zzz，0.7），並且它應該看起來完全一樣。但請注意，某些瀏覽器/功能較弱的機器可能難以在其他元素的透明漸變的大範圍內平滑地進行渲染和滾動。在你的情況下，使用透明的.png可能會給你更好的性能。 – Beejamin 2013-02-12 19:56:17

覆蓋不透明風格

回答

相關問題