css - 半透明的 IE 解决方法

Question

为了在 IE9 之前的版本中显示以下 CSS，应该采取什么解决方法:

background-color: hsla(182, 44%,76%,.5);

Answer 1

对于透明元素你有更多的方法。

对于 IE ->

filter: alpha(opacity=40);  
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);  
/* above line works in IE6, IE7, and IE8 */  
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";  
/* above line is IE8 only */ 

对于所有浏览器:

opacity: .7;  

但是它们对所有元素都是透明的，如果你只需要透明任何颜色，例如背景，你必须使用 2 个函数 rgba 或 hsla 以及它们的示例:

支持:(Firefox 3+、Opera 10.1+、Chrome 2+、Safari 3.1+)

#rgba {  
    background: rgba(98, 135, 167, .4);  
}  

但是IE9只有所有版本的IE都支持css3，所有浏览器都支持css3

#hsla {  
    background: hsla(207, 38%, 47%, .4);  
}