CSS3背景色透明 相容IE8

標準瀏覽器通過rgba()實現背景色透明;ie8以下瀏覽器通過特有濾鏡實現背景色透明。

**如下:

1

1 /*
ie8 */2
2 filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);33 
44 /*標準瀏覽器 */5
5 background-color: rgba(0, 0, 0, 0.6);

上述**中:

7f000000(十六進製制)：前兩位數值控制透明度，00表示完全透明，ff表示完全不透明；後六位控制顏色。

rgba(red, green, blue, alpha)：前三個值控制顏色,取值範圍為0-255，第四個值控制透明度，0表示完全透明，1表示完全不透明。

css3背景色過渡

css高階 背景顏色徑向漸變 背景顏色線性漸變 過渡背景顏色徑向漸變 徑向漸變 中間部分橢圓形，四周填充 由中間到四周漸變 background radial gradient red,yellow 紅橢圓填充黃色 background radial gradient circle,red,yell...

透明（顏色）漸變背景（顏色透明背景），相容IE8

filter progid dximagetransform.microsoft.gradient gradienttype 0,startcolorstr 00000000,endcolorstr cc000000 ms filter progid dximagetransform.microso...

CSS3之背景色漸變

但是美中不足的時，各瀏覽器雖然支援css3的gradient，卻不能達成統一意見，完美的寫法是在gradient前加上各瀏覽器的字首，如 webkit moz ie8以上瀏覽器可通過ie自帶的濾鏡實現漸變功能。儘管如此，像低於ie8瀏覽器的這些古董，雖然已被世界範圍內的市場淘汰，但作為中國的it程式...