innstory

CSS透明度

Temperature: 0 °C

2012-07-23 Chung

CSS 透明度的實作, 各種瀏覽器和標準如下:(數字越小越透明)

標準: opacity:0~1 (Firefox 用此即可)
IE7: filter:alpha(opacity=0~100);
Mozilla 1.0~1.6: -moz-opacity: 0~1


透明度完整寫法

filter:alpa(opacity=80);   /* old IE */

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80,FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); /*supported by current IE*/

 -moz-opacity:0.7;          /* Moz + FF */

opacity:0.7;               /* 支持新版瀏覽器 */

https://innstory.com/story-CSS透明度-116

• 
• 
• 
• 
• 

寫程式筆記

Prev

 用distinct在MySQL中查詢多條不重複記錄值

Next

愛因斯坦 

About the Author

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢，寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

#有人用筆寫日記，有人用歲月寫日記，有人用照片寫日記，而我，用innstory寫日記。

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

判斷捲軸的位置

當捲軸往下移動時，判段目前移動到哪個位置... Javascript部份 $(function(){...

解決png圖檔GD合圖後背景...

重點在於設定圖片走透明通道~ $img = imagecreatefrompng($src); im...

圖文穿插效果

寫故事還是得圖文穿插看起來方便些~ 其實一直都在找最適合寫故事的方式，一開始我把所有上傳照片都放在故...