本文向大家描述一下最佳圆角与IE6 png透明解决的javascript方案,在实现圆角的各种方法中(包括javascript的方法),无非有三种原理,具体内容请看下文详细介绍。
最佳圆角与IE6 png透明解决的javascript方案
一、在实现圆角的各种方法中(包括javascript的方法),无非有三种原理:
◆使用背景图,如css滑动门技术:复杂,圆角平滑,通杀所有浏览器
◆使用html标签画像素的方式绘制圆角:复杂,圆角不平滑,不能很好的支持圆角内的背景,通杀所有浏览器(本博客的圆角暂时还是这个原理)
◆使用支持圆角的浏览器私有属性定义圆角:简单,圆角平滑,浏览器支持有限
二、解决IE6下对png图片半透明效果方法中,大多数只采取了一种原理(包括使用各种脚本的):
◆使用IE的私有属性‘滤镜’实现。但这种方法不能使用CSS的“background-position”和“background-repeat”属性,且png背景之上的链接和按钮可能会失效。
你会发现,上文说说的解决方案都是针对ie的‘虚弱’,其他现代浏览器早就没有这些问题,如火狐浏览器等。下面介绍’DD_roundies‘,通过使用VML来解决问题,它可以让IE低版本浏览器支持圆角和完美的支持PNG。
定义圆角非常简单,平滑,支持圆角内的背景
绝对完美的支持png,他支持CSS的“background-position”和“background-repeat”属性,这个是你手写的css永远滤镜无法达到的。
发表评论共有0访客发表了评论
暂无评论,快来抢沙发吧!