Question

我在Firefox中执行foll代码它运行正常我基本上使用CSS3来创建圆形边框。

请告诉我需要做些什么更改才能在IE6中获得相同的输出

以下是代码

<html>
<head>
<style type="text/css">
background-color: #ccc; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; border: 1px solid #000; 
padding: 10px;
</style>
</head>
<body>
<div style=" background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;" >
This is a new feature in CSS 3 </div>
</body>
</html>

由于

Answer 1

IE不支持CSS中的圆角。您可以使用像this这样的JS库在IE中执行它们。

Answer 2

IE6不直接通过CSS支持圆角。如果你想要IE支持，你需要用图像“假装”。

Answer 3

我会避免使用库或脚本来创建圆角，它被称为优雅降级，并且完全可以接受IE6没有圆角。

只要您的布局没有在IE6中打破并且该网站看起来相当不错，像圆角这样的东西就不值得大汗淋漓。

你也会发现CSS圆角在IE7或IE8中也不起作用。

Answer 4

我意识到这不再是当前的主题，但我认为这可能会对将来有类似问题的人有所帮助......

如果您正在寻找一种方法来为IE 6-8提供CSS3支持，我强烈建议您使用名为CSS3 PIE（http://css3pie.com/）的解决方案。这是我找到的圆角（边缘半径）的最佳解决方案，它可以与其他人一起工作并且很好地发挥作用。它允许您使用大多数CSS3属性，并且它还支持透明PNG。我已经在两个生产网站上使用它没有任何问题，我预计不会有任何问题，因为它们已经存在超过一个月了。

以下是我创建的示例页面，用于演示：http://nunyabiz.freeiz.com/css3pie_test2.html

Answer 5

很快就解释了这个问题：IE 6不会说CSS3，也不会说任何特定于浏览器的伪属性到圆角。您将不得不使用其中一个使用图像伪造它的可用圆角解决方案。

Answer 6

至于为此使用JS库。查看Jquery UI

Answer 7

有几种方法，但没有一种方法与CSS3一样简单。请注意，很多浏览器都没有支持CSS3，包括IE7和IE8。

我的建议是;要么忘记IE中的圆角（让那些CSS3效果具有功能设计不是根本），要么对每个浏览器使用相同的方法。另请注意，IE6在PNG方面存在问题，请改用透明GIF。

一种古老的方法是使用表格，您可以使用Photoshop的Slice工具和“另存为网络”轻松完成。但是不推荐使用表格进行布局。

Javascrip库是一种很好的方法。

Answer 8

你应该尝试http://code.google.com/p/curved-corner/来修改IE6 +中的角落。在IE9中，CSS3声明将起作用。以下是如何使用htc文件来弯曲角落http://starikovs.com/2010/08/24/css3-rounded-corners/。

的一些示例

Answer 9

您可以将 .htc （例如：css3.htc）文件用于ie6 css3 hacks作为替代选项，强制ie4中的css3功能。只需将其包含在内的边界半径：3px的;行为：网址（css3.htc）; 您只需下载此文件并将其包含在静态代码库中。但使用.htc是一种不好的方法，因为它会降低页面性能并导致与其他功能冲突。

css3 IE 6问题

9 个答案: