CSS 透明特效: opacity

By
Mr. 夫
– 2010 年 3 月 12 日發表於： Theme hack

當把滑鼠移到圖案上時會出現透明特效，這是利用了CSS的opacity語法，想要這效果的可以照以下步驟加入語法。

開啟style.css檔後尋找你想要透明的部份，比如說我想要滑鼠在移到附有超連結的圖案上出現此特效的話就這樣加入。

?查看代碼 CSS
1
2
3
4

a:hover img{
	opacity: 0.55;
	filter:alpha(opacity=55); /* IE only */
}

數值為 1 代表不透明，所以值越小就越透明，而filter:alpha那段是給IE瀏覽器用的，數值為100代表不透明。

目前沒有任何文章。
« « 上一篇文章
Arras: 修正選單顯示問題
標籤： ,