站长之家提供使用滤镜让网页对象半透明效果

当前位置：站长之家 >> 网站技术 >>

	<center>站长之家提供使用滤镜让网页对象半透明效果</center><br/><br/>
	<center>
	  【发布人：站长之家    发布日期：2015-03-28】
	</center><br/>
	<p>站长们在做网站界面的编码时，有时候为让界面更加美观，可以使用一些CSS的特效技术，比如滤镜技术。使用滤镜技术可以实现网页对象的特殊的效果。在这里，站长之家测试并提供了使用滤镜让网页对象半透明效果的实例，在下面展示出来，供广大站长们参考。本实例代码已经在IE浏览器、Chrome浏览器和360安全浏览器上测试通过，可以放心使用。关于代码中的核心部分，就是一些css样式的定义，在样式定义中加入滤镜效果，本例中使用了滤镜filter中的alpha透明度的效果，各位可以根据实例代码的功能，修改相关的参数，从而实现其他更加美观的界面效果。</p>
	<p>下面就将使用滤镜让网页对象半透明效果的实例代码展示在下面：</p>
	<p><br/>
	  <br/>
	  <br/>
	  <br/>
    <title>鼠标放图片和链接上显示滤镜效果实例</title></p>

	<p><br/>
	</p>
	<p>在鼠标移到图片上时显示滤镜效果</p><br/>
	<p><img src="http://www.zzdj.net/tech/images/tupian.png"/></p><br/>

	<p><br/>
	</p>
	<p>下面的图片是本实例代码执行的结果图示，图一中是网页显示出的本来效果，可以看到图片和超级链接都很清晰，没有出现半透明效果。图二是在鼠标放到图片上和超级链接上时，网页对象显示出半透明的效果。各位站长们可以结合图片来更好地理解实例代码。</p>
	<p align="center"><img src="http://www.zzdj.net/images/ljxg.jpg" width="530" height="276" alt="网页对象滤镜半透明效果实例图片"/></p>
	<br/><br/>