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

盡量不要重新發明輪子，許多人已經經歷了所有的痛苦已經讓某些設計，框架和小部件跨瀏覽器工作。 在經過試驗和測試的東西上使用或建立您的設計，當然要遵守許可。 你的設計真的那么獨特/好，值得從頭開始制作的麻煩嗎？