IE6-8中的纯CSS圆角(接受JQuery)

The CSS3 PIE library

• 边界半径(圆角)
• 方框阴影
• 边框图像

很方便。

必须 Curved Corner.

我会打电话给 behavior:url(border-radius.htc) 通过一个有条件的ie6css文件。

就我个人而言,我会完全忽略IE6中的曲线拐角。

在我看来,你不应该在意这些无关紧要的事情,比如IE下的圆角或阴影。在所有可能的浏览器下,页面看起来都一样的时代终于过去了。作为一名开发人员,您需要负责页面骨架的正确显示,但是

因此,作为一个Opera用户,我不会在YouTube上看到一个很好的渐变,而Firefox用户会看到。但我仍然看到一个好看的页面!

换句话说:在IE下不关心这样的细节,在Opera/Firefox/Safari/Chrome下不关心这样的细节。如果其中一些不支持某些内容-如果跨浏览器解决方案需要多于一个双/三个CSS条目,请保留此选项:

box-shadow: 0 0 5px #333;
-moz-box-shadow: 0 0 5px #333;
-webkit-box-shadow: 0 0 5px #333;

使用jquery圆角插件

http://jquery.malsup.com/corner/

<script>
   $(this).corner(); //This will trigger the function as soon as this line loads
   $(document).ready(function() { $(this).corner(); }); //not necessary
   $(window).load(function() { $(this).corner(); });//not necessary
</script>

我想你会发现这个密切相关的问题很有趣:

Creating rounded corners using CSS

https://stackoverflow.com/questions/521432/best-jquery-rounded-corners-script

如果您正在寻找非常平滑的圆角,并且在所有浏览器中都有效,那么有一个简单的javascript称为curvycorner

只需要包含js文件

在html中,使用class=rounded任意位置。

http://www.curvycorners.net/instructions/