IE6-8中的纯CSS圆角（JQuery Accepted）

有很多JQuery插件给不支持CSS3的浏览器提供圆角。他们要么不工作，要么在你看到它没有风格的时候有一个丑陋的效果，然后JS开始并最终使它们变圆。IE6-8中的纯CSS圆角（JQuery Accepted）

我正在寻找一种解决方案，在可见性之前呈现圆角，寻找无缝或接近无缝的解决方案。

如果使用www.css3pie.com使用.htc文件，那么迄今为止我所得到的最佳匹配。还有那个延迟（不知道它是否可以解决）。

css3pie压缩了大约26k，所有者声明如果你有JQuery，那么脚本可能会更少。（我打算在整个过程中使用JQuery）。

理想情况下，我希望它支持渐变，边框半径和方块阴影。目前，css3pie完成了我所需要的所有工作，除了盒子阴影之外。如果背景是透明的，如下所示：http://github.com/lojjic/PIE/issues#issue/12

我愿意接受IE6中的这些功能中的任何一个都无法使用。

我想也许我只是不能拥有蛋糕而且也吃它。现在，我将坚持使用css3pie.com，并且忍受恼人的延迟，并且不允许在IE中使用box-shadow。不是一个大问题，因为IE9是假设修复-crossing fingers-

来源

2010-08-28 ParoX

LOL @ Internet Explorer 6的 – animuson 2010-08-28 04:39:08

animuson：css3pie在IE6不圆角相当不错。 – ParoX 2010-08-28 04:50:40

刚刚重播了这个，没有理由在一个人会使用三个标签的情况下（反正这些只是三个IE版本的人设计） – 2010-08-28 05:27:08

The CSS3 PIE library处理为IE6/7/8在内的很多事情：

边境半径（圆角）
箱阴影
边界图象
渐变背景

它相当便利。

来源

2010-08-28 05:08:03 Erik

使用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>

来源

2010-08-28 04:34:58 Starx

它应该是'$（document）'...花了我一分钟来找出那一个。 Chrome一直在抱怨; ......大声笑。此外，使用“这个”不工作在IE8（Didnt测试其他IE浏览器） – ParoX 2010-08-28 05:04:55

此外，即使当我强迫它按名称查找元素，它摆脱它的边界。不是css3pie的好选择。 – ParoX 2010-08-28 05:06:11

其实很好，事实上它也适用于html5。即如果浏览器支持html5，那么它会尝试使用css3并生成基于浏览器的CSS圆角。 – 2010-08-28 06:31:22

国际海事组织你不应该关心像IE下的圆角或阴影这样的不重要的东西。在每个可能的浏览器下，页面应该看起来都一样的时代终于消失了。作为开发人员，您负责正确显示页面骨架，但eye-candy是一项浏览工作。如果某些浏览器不支持某些CSS3元素 - 那么这是它的用户的问题。他们使用蹩脚的浏览器 - 他们看到蹩脚的网站（呃...也许不蹩脚，但有点丑陋）。

因此，作为Opera用户，我不会在Firefox上的按钮上看到漂亮的渐变，而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;

来源

2010-08-28 04:53:56 Crozin

尽管我大多数人都同意，但我正在写一个公司的网页，希望网站看看它应该如何应对他们的合约（IE）。另外css3pie技术允许CSS在4行中完成。您只需为IE添加行为。 – ParoX 2010-08-28 05:07:29

如果你的老板想让它在多个浏览器中看起来不错，那么就让它看起来不错。很少有严肃的Web开发人员会拒绝将某些注意力放在浏览器独立性上。 – kbrimington 2010-08-28 05:11:24

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

Creating rounded corners using CSS

也密切相关，但邀请更多的JQuery相关的反应是：

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

来源

2010-08-28 05:07:51 kbrimington

如果必须支持圆润的边角IE6，比也许你可以看看Curved Corner.

我将通过有条件IE6的CSS文件调用behavior:url(border-radius.htc)。

就个人而言，我完全忽略了IE6中的弯角。

来源

2010-08-28 05:08:28

您是否仍然推荐知道CSS3 PIE存在？ – 2011-10-19 14:23:03

，如果你正在寻找非常光滑的圆角和有效的在所有的浏览器，然后有一个名为curvycorners

只需要在

js文件在你的HTML中使用类简单的JavaScript =四舍五入任何地方你要。

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

来源

2010-08-28 06:34:06

IE6-8中的纯CSS圆角（JQuery Accepted）

回答

相关问题