png透明并解决链接失效

现在我只加上这一种方法(能有效解决问题就行了),其他的还没有遇到,自己没有试验就不放心,暂时不加上去了。

这种情况是在Ie6下png图片当背景,然后让png透明,并且png上面的链接有效

1、解决透明:使用滤镜和css 的hack (需要注意的是hack里面的图片地址是相对网页的,css是图片地址是相对css文件的)

.submenu h3{  background:url(mu_bg.png) no-repeat; }
/* ie6 */* html .submenu h3 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=’images/mu_bg.png’);background:none; }
 

2、解决链接失效

在连接上的a的样式里面加上position:relative;

反正就是麻烦,大家能用gif的就不要用png了,真折腾

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据