IE浏览器CSS IE6，IE7，IE8和IE9之间的差异

Question

没有版本的IE显示我的css模板相同。 有谁知道差异的原因是什么？

目前该网站在Chrome，Firefox和Safari中运行良好，因此现在进行了IE测试（我生命中的祸根，令人惊讶的是它不起作用，但它已被难倒）。

任何人都可以解释导致问题的原因吗？ 我注意到的事情：IE9背景缺失，IE7背景空白，页面根本没有IE6，边缘错误IE *

死链接

---

一些浏览器镜头： http ： //browsershots.org/http : //beta.pegproductions.com/urlshortener/template.html

---

更新后，按照以下建议IE7,8＆9仍然无法显示背景，有谁知道为什么？

Answer 1

“有谁知道差异的原因是什么？”

原因是MS是一个巨大的公司，拥有庞大的用户群。 MS还拥有紧密交织的企业软件产品，并使IE成为纠结混乱的一部分。 因此，发布完全符合W3C标准的浏览器引擎的动机并不存在，并且因为IE不是他们的直接赚钱机器，这只会使问题更加复杂化。

“任何人都可以解释造成这些问题的原因吗？”

不是一个答案。 这些错误是巨大的，因版本而异。 IE9非常接近标准。 IE8是可以接受的。 IE7是一种痛苦，IE6只会让你发誓扔东西。

幸运的是，MS的某个人知道这是一个问题，并设法在IE中实现条件性评论，让您针对特定版本的IE定位特定内容。 一个巨大的黑客，当然，但幸运的是我们至少有这个。 这是很多人使用的好方法：

http://www.positioniseverything.net/articles/cc-plus.html

Answer 2

你不应该真正使用跨度来进行布局。

使用div或至少设置display: block; 在你的跨度。

这应该有希望解决你的一些问题，其余的好运。

Answer 3

您可能已经更新了Marko的答案后的代码，因为我没有看到任何跨度。 也就是说，你仍然需要大量的代码来完成一个非常基本的布局（带有圆角和渐变的框）。

您可能希望通过使用单个<div>作为内容来简化您正在做的事情，然后使用CSS圆角覆盖大多数浏览器，然后，如果您真的想在IE中使外观相同，请使用其中一种IE的圆角方法（ 这是一个不错的选择 ）。

如果您希望浏览器之间的差异较小，这也应该允许您使用渐变背景。 这是一个没有任何背景图像的快速示例 。

Answer 4

尽量不要重新发明轮子，许多人已经经历了所有的痛苦已经让某些设计，框架和小部件跨浏览器工作。 在经过试验和测试的东西上使用或建立您的设计，当然要遵守许可。 你的设计真的那么独特/好，值得从头开始制作的麻烦吗？