圓角問題與IE

Question

我有一個網站Mumbai Local Train Time Table。

我使用的是asp.net Ajax dll 3.5。其中我使用圓角擴展。我看到IE沒有顯示圓角。它適用於Chrome和Firefox。

我失蹤了什麼？

Answer 1

你還沒有指定你正在測試的IE版本，這是一個重要的細節，但我會盡力幫助。

首先，IE8和更早版本不支持圓角的CSS border-radius樣式。因此，如果您使用IE8或更早版本進行測試（或者如果您需要支持正在使用它們的用戶），那麼您不設置圓角並不奇怪。

有你兩個選擇：

• 忽略它，讓老IE​​版本的用戶生活在方角。 （它不是世界上最糟糕的東西......並且它不會影響網站的可用性，所以爲什麼不）
• 使用像CSS3Pie這樣的javascript工具，它實現了舊版本IE的border-radius功能。

如果您使用IE9或IE10和你仍然沒有看到border-radius，那麼問題很可能是瀏覽器正在進入兼容模式，或更糟的是，怪癖模式。

Quirksmode可以通過在頁面頂部有一個有效的<!DOCTYPE>來解決。我注意到你有一個文檔類型，但我也注意到你的上面有一個空行。
重要：doctype 必須是頁面中的第一件事。即使有一點空白或上面的註釋也會導致IE忽略它並回退到怪癖模式。你真的不想那樣。

兼容性模式：

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

我希望幫助：如果是這樣的問題，你通常可以通過添加元標記文檔如下解決。