Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html css3 IE 6问题_Html_Internet Explorer 6_Css_Rounded Corners - Fatal编程技术网

Html css3 IE 6问题

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; &

我在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>

背景色:#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是一种不好的方法,因为它会降低页面性能并导致与其他功能冲突

这是