用于IE6的CSS帮助

我的网站在IE6中看起来不好，但在Firefox中很好。它似乎影响我在CSS中制作的图像和框。用于IE6的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？

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

来源

2011-05-06 Greg

我投 “只是禁止IE6”。另请注意，'border-radius'不再需要供应商前缀。它在所有主流浏览器中都没有前缀，效果很好。这并不能解决你的IE6问题，但它对IE9和Opera有帮助，目前你不支持。 – Bazzz 2011-05-06 16:16:24

IE6不支持border-radius。你必须使用图像黑客来做到这一点。 – 2011-05-06 16:16:50

在仅使用CSS的IE6中，圆角不可能。 – Davy8 2011-05-06 16:17:41

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

我会建议下载一个包含IE6的虚拟机，并做一些适当的测试，如果你已经设置了正确的支持它。它处理CSS的方式可能很奇怪。

如果需要，您可以使用条件语句为某些浏览器添加CSS，尽管如果可能的话，尝试使CSS跨越所有内容工作好得多。

来源

2011-05-06 16:15:35

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

来源

2011-05-06 16:16:39

如上所述，那些-webkit和-moz和-o主要用于流血的浏览器。但是这里有一些我自己发现IE6非常有用的东西。 http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/

来源

2011-05-06 16:19:10 robx

感谢您的链接我会检查出来 – Greg 2011-05-06 16:26:37

的Internet Explorer不支持border-radius直到第9版 - 我可能会建议应用行为矫正脚本像IE-CSS3，虽然根据W3Counter使用IE6下降到2.86％，四月份在我看来这意味着，设计师终于可以开始忽视它完全。就像一些CSS3的能力一样，许多功能仍然不在主流支持。另一种方法是继续使用图像作为圆角，直到浏览器赶上。

来源

2011-05-06 16:25:31 65Fbef05

感谢您的信息和答复，我决定通过它调整CSS，所以它会在ie6 +中看起来“OK”而不是最好的，但如果他们有ie6他们可以把它当作惩罚哈哈。 – Greg 2011-05-06 17:03:24

好的呼叫（我知道这是错误的，但每个人都认为它）。 – 65Fbef05 2011-05-06 17:06:25

我解决了这个问题后，虽然看到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％，唯一的事情是我的表单字段惯于风格，但它的确定，如果他们出来正常的它仍然看起来好。

来源

2011-05-07 16:02:11 Greg

就连微软票“只是禁止IE6”，之后发生的2010年中国谷歌黑客：

微软已经知道公开的攻击代码公布，上客户的影响，尝试使用互联网使用此漏洞的 Explorer 6和受限制的，目标为的攻击在Internet Explorer 6中使用此。由于我们更新了安全通报979,352客户警报并提供了可操作指导以及帮助保护以防止使用IE漏洞的工具。

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

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

参见：

来源

2011-05-08 02:59:09

用于IE6的CSS帮助

回答

相关问题