兼容IE6的图片圆角边框CSS

网页制作 发布日期:2024/12/29 浏览次数:1

正在浏览:兼容IE6的图片圆角边框CSS
实现原理很简单,利用绝对定位,使一个背景为PNG图片的边框覆盖在原始图片上面.而兼容IE6,本文用的是一段JS来让万恶的万万人诅咒的IE6识别PNG图片的.当然,你还可以用滤镜的方式让IE6实现PNG效果.本文后面我会附上两种解决方案.个人比较推崇用JS来实现IE6PNG,适应性比较强,但如果你只有一两处用到PNG,完全可以用滤镜的方式来实现.
核心CSS代码:

复制代码代码如下:
.i_roundimg{ background:url(https://www.jb51.net/do/uploads/userup/1007/04191G15618.png) no-repeat;cursor:pointer;width:60px;height:60px;position:absolute;}

DEMO用到的PNG背景图片:
兼容IE6的图片圆角边框CSS