2011-06-20 56 views
0

我正在重構由一位老同事組織的一些頁面,我可以理解他爲什麼離開公司。我正在瀏覽他的代碼,他將-moz-border-radius:10添加到內聯樣式中。好的,這對於Chrome和Firefox來說很不錯,但是我怎樣才能讓IE瀏覽器適用於IE呢?任何想法的人?是否有比-moz-border-radius更好的解決方案

謝謝

Mark?

+0

IE9支持這個,你可以在現代瀏覽器中使用'border-radius'。對於較老版本的IE,您可以使用http://www.ccs3PIE.com – Kyle

+2

錯誤的鏈接,更正一個:http://css3pie.com/ –

回答

0

IE9支持border-radius屬性,以及Fx和Chrome。使用前綴名稱。

Support for "border-radius" in IE

對於不支持甚至前綴名老的瀏覽器,你只能使用黑客與圖像或左右的表。

0

,你應該把所有的供應商前綴第一,然後是CSS3等同。 在你的情況下,將looke這樣的:

-webkit-border-radius:10px; 
-moz-border-radius:10px; 
border-radius:10px; 

的Internet Explorer 6,7,8不會圓角,但是這是從一個漸進增強點確定。如果從客戶的角度來看它不行,您可以包含基於CSS條件語句的CSS,並使用圓角的精靈或使用像http://css3pie.com/這樣的JavaScript回退。

由於供應商的前綴,舊版本的Firefox,Chrome,Safari或Opera會轉彎。

祝你好運。

相關問題