Question

我的网站在IE6中看起来很糟糕，但在Firefox中很好。它似乎影响了我在css中制作的图像和方框。

在Firefox中它看起来很棒，“圆形盒子”并没有问题，但在IE6中，它出现方形并且没有对齐!!此外，我的形式也出现了方形，背景图像也消失了。

td.login_bar {
    border-radius:10px;
    border:solid 1px #666;
    padding:10px;
    background-color:#efefef;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.join_input {
    border:solid 1px #CCC;
    padding:5px;
    width:250px;
    font-size:14px;
    color:#999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.join_input:focus {
    border:solid 1px #666;
    font-weight:bold;
    background-image:url(../imgs/edit_small_ico.png);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:25px;
}

那么我需要做些什么来解决这个问题呢？或者只是禁用IE6？我是否需要为ie6 +格式化一个新的.css？

*更新：我更新了我的代码，感谢你们，但它看起来仍然很糟糕，只是没有那么糟糕的哈哈，所以我会继续努力，谢谢你们！

Answer 1

IE6不支持border-radius属性。如果您希望这些元素具有圆角边缘，则您很可能必须使用图像为旧浏览器提供后备。

Answer 2

Internet Explorer在版本9之前不支持border-radius - 我可能会建议应用像IE-CSS3这样的行为修改脚本，但根据W3Counter，IE6的使用率在4月降至2.86％，我认为这意味着设计师终于可以开始无视它了。像CSS3的一些功能一样简洁，许多功能仍然没有主流支持。另一种方法是继续使用圆角图像，直到浏览器赶上来。

Answer 3

我解决了这个问题，看了300个论坛后我发现一个黑客说它适用于所有浏览器我在ie6尝试过它是的，它现在显示我的圆框！

td.login_bar {
    border-radius:10px;
    border:solid 1px #666;
    padding:10px;
    background-color:#efefef;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

更改为：

td.login_bar {
    border-radius:10px;
    border:solid 1px #666;
    padding:10px;
    background-color:#efefef;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    behavior:url(../border-radius.htc);
}

我把这个文件放在主机上并且它可以100％工作，唯一的问题是我的表单字段不会风格但是如果它们正常出现它还可以看起来很好。

Answer 4

您正在使用非IE供应商前缀的CSS扩展名，例如-webkit-border-radius等。他们不会在IE6中工作。

我建议下载一个包含IE6的虚拟机并进行一些正确的测试，如果你没有正确支持它。它处理CSS的方式可能很奇怪。

如果有必要，您可以使用条件语句来包含某些浏览器的CSS，尽管如果可能的话，最好只是尝试让CSS在所有内容中工作。

Answer 5

如上所述，那些-webkit和-moz以及-o主要用于前沿浏览器。但是我发现这对IE6来说非常有用。 http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/

Answer 6

甚至微软在2010年发生的中国谷歌黑客攻击后“仅禁止IE6”投票：

微软意识到公开的漏洞利用代码已经发布，对其产生了影响客户尝试使用互联网 Explorer 6和有限的，有针对性的使用此漏洞的攻击 Internet Explorer 6.由于报告我们对其进行了更新安全咨询979,352客户提醒并提供可操作的指导和工具，以帮助保护反对使用IE漏洞。

请不要浪费时间进行调整，以使您的代码适合浏览器，甚至不鼓励其制造商使用。而是尝试使您的代码与现代浏览器兼容。

来源：
Hubpages: Microsoft Recommends Upgrading IE6 & IE7 Users To Upgrade Their Browsers

另见：

帮助IE6的CSS

6 个答案: