4.11日音讯,纯手工CSS巧解png透明图片问题,由于IE6的特殊原因,它总是会给我们带来一些麻烦,比如它不支持PNG图片,这让我们的技术员遇到了难题,不过我们也有其它的方法来解决这一问题,下面
邯郸网站建设首创网络就来给大家演示几种方法:
方法一:用png图作背景
要注意hack
html代码
<divclass="logo"><ahref="/">logo</a></div>
css代码
.logo{width:338px;height:57px;float:left;url(/images/logo.png)0px0pxno-repeat!important;text-indent:-1000px;_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',senabled='true',sizingMethod='scale');}
标准:_background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/dyimgs/wymrs/images/logo.png',enabled='bEnabled',sizingMethod='image');
方法二:插入png图片,定义img
这个方法要准备一完全透明的图片transparent.gif,大小随意。
html代码
<divclass="logo"><ahref="/"><imgsrc="/images/logo.png"alt="logo"/></a></div>
css代码
.logo{width:338px;height:57px;float:left;}
.logoimg{width:338px;height:57px;}
/*png透明兼容ie6*/
.logoimg{
azimuth:expression(
有时候超链接加了这个透明滤镜,然后页面上所有超级连接<ahref=""></a>全点不到了,解决办法是:
给a加上position:relative;
不过这里要提醒你,你这里的image路径是相对路径,那么值得注意的是,这个相对路径是根据html相对的,而不是CSS。