IE中有哪些CSS错误？

Question

我在IE的CSS解释中找到了一些错误或问题的引用，但信息似乎相当分散。如果存在这样的概述，我想指向全面的概述。

编辑：微软已经愿意列出IE的CSS问题（感谢mouviciel-＆gt; sanchothefat），但显然他们不会提供变通方法。所以变通办法也很好。

由于

Answer 1

结帐Quirks Mode。它是跨浏览器的CSS兼容性的绝佳资源。

Answer 2

我发现避免疼痛的最佳政策是遵循以下规则：

1. 首先构建一个更兼容和开发人员友好的浏览器，如firefox，在IE中进行彻底测试（以及safari / chrome（webkit）和opera）
2. 使用严格的doctype-避免怪异模式，因为根据定义，怪癖不是标准的
3. 使用reset style sheet
4. 使用像jQuery或Prototype这样的javascript框架 - 它们可以隐藏一些javascript和DOM不兼容性。
5. 使用良好的语义布局 - 对于行为不当的浏览器，它更有可能降级
6. 接受它不会是完美的并且不会出现真正的小差异

遵循这些规则我首先没有那么多问题。

Answer 3

我，我使用“Internet Explorer Exposed”。非常深入的资源。

Answer 4

我发现自己经常提到这个页面：

http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

Answer 5

您可以通过咨询SO question找到一些答案。

Answer 6

对于下拉列表：

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

CSS边框样式不起作用：

如果您尝试：

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

什么都不会发生。

提交按钮也会按比例扩展其按钮文本的宽度，直到你给它样式：

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

以及许多其他有趣的事情。 ：）

Answer 7

我发誓PositionIsEverything。

他们维护了大多数浏览器中的错误/奇怪列表。查看他们详尽的Internet Explorer bugs列表，我希望您能够全面了解它。

Answer 8

quirksmode已经发布，但我会添加On having layout，这解释了IE的许多奇怪原因之一。