logo标签列表

IE中有哪些CSS bug？

cssinternet-explorer
4
我发现IE对CSS的解释存在一些错误或问题，但相关信息似乎比较零散。如果有全面的概述，我希望能得到指引。
编辑：微软已经愿意列出IE的CSS问题（感谢mouviciel-sanchothefat），但他们显然不会提供解决方法。因此，解决方法也是必要的。
谢谢。
8个回答
7

请查看Quirks Mode。它是一个很好的CSS跨浏览器兼容性资源。

6
我发现避免痛苦的最佳策略是遵循以下规则：
  1. 首先在更加兼容和开发人员友好的浏览器（如Firefox）中进行构建，稍后在IE（以及Safari/Chrome（Webkit）和Opera）中进行彻底测试
  2. 使用严格的文档类型 - 避免怪异模式，因为怪异模式本身就不是标准
  3. 使用重置样式表
  4. 使用像jQuery或Prototype这样的JavaScript框架 - 它们可以隐藏一些JavaScript和DOM不兼容性。
  5. 使用良好的语义布局 - 更容易为不良行为的浏览器提供适当的降级
  6. 接受它不会是完美的，并且不要过分关注微小的差异
如果遵循这些规则，我就不会有太多问题了。
3
1

对于下拉列表：

<select>
    <option value="1">1</option>
    ...
    <option value="N">N</option>
</select>

CSS边框样式无法生效：

如果您尝试：

select
{
    border: solid 1px #0000ff;
}

什么也不会发生。

此外，提交按钮将根据按钮文本按比例扩展其宽度，直到您为其设置样式：

input[type="submit"]
{
overflow:visible;
}

还有许多其他有趣的事情。:)

@dfa：刚刚再次检查了一下，在IE8和兼容模式下都可以正常工作。 - User
1

您可以通过查阅这个SO问题来找到一些答案。

1
我对PositionIsEverything深信不疑。
他们维护了一个关于大多数浏览器中的错误/怪异行为的列表。请查看他们详尽的Internet Explorer bugs列表，希望你会觉得它足够全面。
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接