猎酷网

最佳圆角与IE6 png透明Javascript解决方案

2013-04-12 0人评论 585次浏览 分类:Js/Jquery特效

本文向大家描述一下最佳圆角与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)
0%
踩一下
(0)
0%

发表评论共有0访客发表了评论

    暂无评论,快来抢沙发吧!

我来说几句吧

验证码: 看不清楚?