Html css3 IE 6问题
我在Firefox中执行foll代码,它运行良好,我基本上使用CSS3创建圆形边框 请告诉我需要做哪些更改才能在IE6中获得相同的输出 下面是代码Html css3 IE 6问题,html,internet-explorer-6,css,rounded-corners,Html,Internet Explorer 6,Css,Rounded Corners,我在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; &
<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>
背景色:#ccc;
-moz边界半径:5px;
-webkit边界半径:5px;边框:1px实心#000;
填充:10px;
这是css3中的一个新特性
谢谢IE6不直接通过CSS支持圆角。如果你想获得IE的支持,你需要用图像来“伪装”。IE6不支持直接通过CSS实现圆角。如果你想获得IE的支持,你需要用图片来“伪装”。IE不支持CSS中的圆角。你可以像在IE中那样使用JS库。IE不支持CSS中的圆角。您可以使用类似于在IE中执行这些操作的JS库。这一问题很快就得到了解释:IE 6既不会说CSS3,也不会说任何特定于浏览器的圆角伪属性。您必须使用一种可用的圆角解决方案,该解决方案使用图像来伪造圆角。这个问题很快就得到了解释:IE 6不讲CSS3,也不讲任何特定于浏览器的圆角伪属性。您必须使用一个可用的圆角解决方案,该解决方案使用图像来伪装它。至于使用JS库来实现这一点。请查看,了解如何使用JS库进行此操作。检查一下有几种方法,但没有一种比CSS3更简单。请注意,许多浏览器都不支持CSS3,包括IE7和IE8 我的建议是,;要么忘记IE中的圆角(让那些CSS3效果具有功能设计并不是最基本的),要么对每个浏览器使用相同的方法。另外请注意,IE6在PNG方面存在问题,请改用透明GIF 一种古老的方法是使用表格,使用Photoshop的切片工具和“为web保存”可以相当容易地做到这一点。但对于布局,不推荐使用表
Javascrip库是一种很好的方法。有几种方法,但都不如CSS3简单。请注意,许多浏览器都不支持CSS3,包括IE7和IE8 我的建议是,;要么忘记IE中的圆角(让那些CSS3效果具有功能设计并不是最基本的),要么对每个浏览器使用相同的方法。另外请注意,IE6在PNG方面存在问题,请改用透明GIF 一种古老的方法是使用表格,使用Photoshop的切片工具和“为web保存”可以相当容易地做到这一点。但对于布局,不推荐使用表
Javascrip库是一种很好的方法。我会避免使用库或脚本来创建圆角,这被称为优雅降级,IE6完全可以接受没有圆角 只要你的布局没有在IE6中被打破,并且网站看起来相当不错,像圆角这样的东西就不值得为之流汗
您还会发现CSS圆角在IE7或IE8中也不起作用。我会避免使用库或脚本创建圆角,这称为优雅降级,IE6完全可以接受没有圆角 只要你的布局没有在IE6中被打破,并且网站看起来相当不错,像圆角这样的东西就不值得为之流汗
您还会发现CSS圆角在IE7或IE8中也不起作用。您应该尝试在IE6+中弯曲圆角。在IE9中,CSS3声明将起作用。下面是一些如何使用htc文件弯曲拐角的示例。您应该尝试在IE6+中弯曲拐角。在IE9中,CSS3声明将起作用。下面是一些如何使用htc文件弯曲拐角的示例。我意识到这不再是当前的线程,但我认为这可能对将来有类似问题的人有所帮助 如果您正在寻找一种将CSS3支持引入IE6-8的方法,我强烈建议您使用名为CSS3Pie()的解决方案。这是我找到的圆角(边界半径)的最佳解决方案,它可以很好地与其他人合作。它将允许您使用大多数CSS3属性,并且还支持透明PNG。我已经在两个生产站点上使用过它,没有任何问题,而且我也不认为会有任何问题,因为它们已经上线一个多月了
下面是我创建的一个示例页面,用于演示:我意识到这不再是当前的主题,但我认为这可能对将来有类似问题的人有所帮助 如果您正在寻找一种将CSS3支持引入IE6-8的方法,我强烈建议您使用名为CSS3Pie()的解决方案。这是我找到的圆角(边界半径)的最佳解决方案,它可以很好地与其他人合作。它将允许您使用大多数CSS3属性,并且还支持透明PNG。我已经在两个生产站点上使用过它,没有任何问题,而且我也不认为会有任何问题,因为它们已经上线一个多月了
下面是我创建的一个示例页面,用于演示:您可以使用.htc(例如:css3.htc)文件进行ie6 css3黑客攻击,作为在ie6中强制使用css3功能的替代选项。只需像 边界半径:3px;行为:url(css3.htc)强>
您只需下载此文件并将其包含在静态代码库中。但使用.htc是一种不好的方法,因为它会降低页面性能,并导致与其他功能冲突。您可以使用.htc(例如:css3.htc)ie6 css3的文件作为替代选项,强制ie6中的css3功能 边界半径:3px;行为:url(css3.htc)强> 您只需下载此文件并将其包含在静态代码库中。但是使用.htc是一种不好的方法,因为它会降低页面性能并导致与其他功能冲突这是