滤镜使用火狐该如何搞-HTML教程-爱易网页

滤镜使用火狐该如何搞

日期：2014-05-17　浏览次数：20597 次

滤镜使用火狐该怎么搞

HTML code

<html>
<head>
<title>图形随鼠标运动淡出淡隐</title>
</head>
<body bgcolor="#eeeeff">
<p>这个页面的效果是随着鼠标进入和离开图片，图片一会清楚，一会模糊。</p>
<img src="sport8.jpg" name="u" border=0  style="filter:alpha(opacity=30)" width="200" onMouseOver="heigh()" onMouseOut="low()"> 
<script language="JavaScript">
function heigh(){
u.filters.alpha.opacity=100;
}
function low(){
u.filters.alpha.opacity=30;
}
</script>
</body>
</html>

这个我ie里能用火狐下就不行了该怎么搞啊

------解决方案--------------------
if (ie){}else{opacity=0.30;}
------解决方案--------------------
http://www.w3schools.com/CSS/css_image_transparency.asp看看这个
------解决方案--------------------
滤镜只支持ie 不过透明在火狐和谷歌也支持要这么写的
<html>
<head>
<title>图形随鼠标运动淡出淡隐</title>
</head>
<body bgcolor="#eeeeff">
<p>这个页面的效果是随着鼠标进入和离开图片，图片一会清楚，一会模糊。</p>
<img src="6.jpg" name="u" border=0 style="filter:alpha(opacity=30)" width="200" onMouseOver="javascript:this.style.opacity=1;" onMouseOut="javascript:this.style.opacity=0.3;">

</body>
</html>