CSS：在不覆蓋當前BGcolor的情況下設置rgba的alpha值

是否可以在不實際更改顏色的情況下更改元素的背景RGBA的alpha值？CSS：在不覆蓋當前BGcolor的情況下設置rgba的alpha值

或者設置顏色而不覆蓋alpha？

最好是跨瀏覽器，沒有Javascript。

我明顯可以通過指定rgba顏色來做到這一點，但我想爲透明度的每個％10做類，並且能夠設置任何顏色。

謝謝:)

來源

2011-10-20 Ashley Davies

你可以使用'不透明度：X;'（其中x爲數字0 <= x <= 1），但它會影響整個元素（和孩子），而不僅僅是背景 –

在你的CSS樣式表：

.trans10 { 
    background-color: 33ccaa; 
    opacity:0.1; 
    filter:alpha(opacity=10); /* For IE8 and earlier */ 
} 

.trans20 { 
    background-color: 33ccaa; 
    opacity:0.2; 
    filter:alpha(opacity=20); /* For IE8 and earlier */ 
}

等等......

來源

2011-10-20 16:49:32 spekdrum

我希望沒有不透明或過濾，因爲我只想影響背景。嵌套也不是一種選擇。是不可能做我想要的嗎？ –

然後你應該只改變背景顏色，有一些顏色在線計算，以保持色調和飽和度改變亮度。 – spekdrum

CSS：在不覆蓋當前BGcolor的情況下設置rgba的alpha值

回答

相關問題