[【姜】]

【CSS語法】Opacity 圖片半透明變色效果

範例預覽： http://www.flycan.com/flycancss/opacity.htm

1. 樣式部份設定如下：

★:

<style type="text/css"> <!-- .gg a:link img {    opacity: .6;                 /* 透明度60% FireFox 的寫法 */    filter: Alpha(Opacity=60);   /* 透明度60% IE 的寫法 */ } .gg a:visited img {    opacity: .6;    filter: Alpha(Opacity=60); } .gg a:hover img {    opacity: 1;                    /* 透明度100% FireFox 的寫法 */    filter: Alpha(Opacity=100);   /* 透明度100% IE 的寫法 */ } --> </style>

2. 網頁上的圖片部份設定如下：

★:

<div align="center" class="gg"> <a href="#"><img src="DSCN3076.jpg" width="220" height="202" border="0"></a> <a href="#"><img src="DSCN3646.jpg" width="220" height="202" border="0"></a> <a href="#"><img src="DSCN3740.jpg" width="220" height="202" border="0"></a> </div>