半透明广告部分js代码（支持ie和火狐）-优快云博客

本文链接：https://blog.youkuaiyun.com/hou_yongkui/article/details/6205139

本文介绍了一种通过CSS和JavaScript实现网页中半透明广告效果的方法。利用不同浏览器下的透明度设置，结合显示与隐藏功能，使得广告能在鼠标悬停时完全显示，并在鼠标移开后恢复半透明状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天经理让我找个半透明广告实现代码，很自然的我就google到了滤镜的使用。火狐的css和ie有点不一样，不过，网上当然后解决的办法。<div id="tranAd" style="position:absolute;left:100px;top:100px;filter:Alpha(opacity=60);opacity:0.6;background-image:url('12.jpg');width:690px;height:180px;" οnmοuseοver="XianShiTranAd()" οnmοuseοut="YinCangTranAd()"> <div style="text-align:right;" mce_style="text-align:right;"> <a href="javascript:void(0);" mce_href="javascript:void(0);" οnclick="closeTranAd();" style="text-decoration:none;" mce_style="text-decoration:none;" title="点击关闭"> <font style="font-size:20px;color:#000000;font-weight:bold;" mce_style="font-size:20px;color:#000000;font-weight:bold;" >×关闭</font> </a> </div> </div> <mce:script language="javascript" type="text/javascript" ></mce:script>

用的时候把图片的src属性换成图片地址，改变div的left和top的值设置绝对定位的位置就行了