CSS對IE使用背景透明實現 rgba 效果?12345height:35px;background: -webkit-gradient(linear,left top,left bottom,from(rgba(68,102,113,0.9)),to(rgba(46,74,83,0.9)));background: -moz-linear-gradient(top, rgba(68,102,113,0.9), rgba(46,74,83,0.9));filter:progid:D…

CSS對IE使用背景透明實現 rgba 效果

height:35px; 
background: -webkit-gradient(linear,left top,left bottom,from(rgba(68,102,113,0.9)),to(rgba(46,74,83,0.9))); 
background: -moz-linear-gradient(top, rgba(68,102,113,0.9), rgba(46,74,83,0.9)); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A446671', endColorstr='#5A2E4A53'); /* IE6,IE7 */ 
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6446671', endColorstr='#E62E4A53')"; /* IE8 */

對 IE 的 filter 的 gradient 漸變?yōu)V鏡中的顏色參數比常見的多了兩位，因為前兩位是透明度的十六進制數值

例如:

#E62E4A53 中的 E6 代表透明度為 opacity 的 0.9， 2E4A53 才是真正的色彩值

透明度的計算方法：

256*0.9=230.4 取 230 通過計算轉換為十六進制 E6

（可以用windows自帶的計算器選擇程序員類型計算出來）

star 和 end 的顏色可以相同，這樣就可以背景半透明了，

另外說明： IE7 需要指定高度 height 時背景漸變才會生效，否則不會顯示的