最佳圆角与IE6 png透明Javascript解决方案-css 图片圆角

本文向大家描述一下最佳圆角与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永远滤镜无法达到的。

【编辑推荐】