国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

css+filter實現簡單的圖片透明效果

2024-07-11 08:30:11
字體：大 中 小
來源：轉載
供稿：網友

完成簡單的透明度控制功能

使用filter的功能對圖片元素進行透明度控制。

支持IE8，Chrome瀏覽器。


復制代碼
代碼如下:
<style type='text/css'>
/*透明20%*/
.opacity-20 {
filter:alpha(opacity=20); /*支持IE瀏覽器的filter*/
-webkit-filter:opacity(0.2); /*支持chrome瀏覽器filter*/
}
/*不透明*/
.opacity-100 {
filter:alpha(opacity=100);
-webkit-filter:opacity(1);
}
</style>
<script language="javascript">
function makevisible(cur,which){
//交替設置不帶透明度和帶透明度的css
//完成鼠標移進圖片則不透明顯示，鼠標移出則帶透明度顯示
if (which==0) {
cur.className = 'opacity-100';
}else{
cur.className = 'opacity-20';
}
}
</script>
<img src="final.bmp" border=1 onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)" alt="">

以上就是本文的全部內容了，代碼很簡潔，實現的效果卻非常好，希望對大家能所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 天峨县| 云林县| 七台河市| 饶平县| 永川市| 高邑县| 澳门| 陆河县| 都江堰市| 竹山县| 浙江省| 青岛市| 孝感市| 南川市| 逊克县| 灵璧县| 克东县| 精河县| 周至县| 鹿邑县| 广西| 信宜市| 西藏| 新郑市| 河西区| 襄樊市| 崇义县| 泸西县| 江口县| 宾川县| 菏泽市| 体育| 封开县| 五台县| 临漳县| 赤水市| 景泰县| 祁东县| 龙州县| 陆良县| 金阳县|