css3 IE 6问题

我在Firefox中执行foll代码它工作正常我基本上使用CSS3创建圆角边框。css3 IE 6问题

请告诉什么样的变化我需要得到相同的输出在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>

感谢

来源

2009-12-29 Josh

IE不支持CSS中的圆角。你可以使用一个JS库，如this在IE中执行它们。

来源

2009-12-29 21:25:02 Annie

IE6不通过CSS直接支持圆角。如果您需要IE支持，您将需要用图像“伪造”。

来源

2009-12-29 21:24:59

对于浏览器不支持JavaScript或禁用JavaScript的访问者来说，这是一个不错的选择。 +1 – 2010-08-24 09:48:45

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

来源

2009-12-29 21:25:42

至于为此使用JS库。退房Jquery UI

来源

2009-12-29 21:26:43

有几种方法，但没有一个像CSS3一样容易。请注意，CSS3不支持多种浏览器，包括IE7和IE8。

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

一个古老的方法是使用表格，您可以使用Photoshop的Slice工具和“保存为网页”相当简单地完成此操作。但表格已过时用于布局。

Javascrip库是一种很好的方法。

来源

2009-12-29 21:29:22

我会避免使用库或脚本来创建圆角，这就是所谓的优雅退化，并且完全可以接受IE6没有圆角。

只要你的布局没有在IE6中突破，网站看起来不错，像圆角这样的东西不值得流汗。

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

来源

2009-12-29 21:32:49

您应该尝试http://code.google.com/p/curved-corner/来弯曲IE6 +中的拐角。在IE9中，CSS3声明将起作用。这里有一些例子，如何使用htc文件来弯曲角落http://starikovs.com/2010/08/24/css3-rounded-corners/。

来源

2010-08-24 09:46:30 starikovs

我知道这是不是一个当前线程的任何更长的时间，但我认为这可能是有益的人在未来一个类似的问题...

如果你正在寻找一种方式来将CSS3支持带到IE 6-8，我强烈推荐使用名为CSS3 PIE（http://css3pie.com/）的解决方案。这是我找到的圆角（边框半径）的最佳解决方案，并且可以与其他人一起工作并发挥出色。它将允许您使用大多数CSS3属性，并且还支持透明PNG。我已经在两个生产网站上使用了它，没有任何问题，而且我也没有预料到它们因为已经活了一个多月而没有任何问题。

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

来源

2011-06-18 01:07:41 Realto619

您可以使用.HTC（如：css3.htc）为IE6 CSS3黑客文件，这迫使在IE6的CSS3功能的替代选项。只需包含它就像 border-radius：3px; behavior：url（css3.htc）; 您只需下载此文件并将其包含在静态代码库中即可。 但是，使用.htc是一种不好的方法，因为它会降低页面性能并导致与其他功能冲突。

来源

2012-07-01 07:08:33

css3 IE 6问题

回答

相关问题