我設置了按鈕和選項卡控件的曲線樣式。它在Firefox中正常工作,但不在IE中。爲什麼我的CSS不能在IE中工作?
這裏是CSS:
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
我設置了按鈕和選項卡控件的曲線樣式。它在Firefox中正常工作,但不在IE中。爲什麼我的CSS不能在IE中工作?
這裏是CSS:
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
IE無法與工作。 如果你想在IE中彎曲你的邊緣,你將不得不使用另一種方法。
你不能在IE中這樣做我相信。有一些黑客可以讓它工作。我之前使用過這個,我認爲它與老年人對比也很好。 http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
-webkit-border-radius: 15px; /* Experimental implementation of CSS 3 feature for webkit */
-moz-border-radius: 15px; /* Experimental implementation of CSS 3 feature for Mozilla */
-o-border-radius: 15px; /* Experimental implementation of CSS 3 feature for Opera */
border-radius: 15px; /* CSS 3 feature that is not yet a recommendation */
你不應該期望看到的Internet Explorer (except version 9 beta)
然而,在它的支持,它只是化妝品,所以不必擔心。使用Internet Explorer的人不會得到彎角 - 這不是什麼大不了的,內容仍然可用。
如果你想在IE8或大於它應用CSS可能沒有必要爲你FF申報,但如果你需要使用IE7,那麼你可能需要使用下面的語法CSS的變化。
#webkit-border-radius: 15px;
#moz-border-radius: 15px;
#o-border-radius: 15px;
#border-radius: 15px;
謝謝。
如果你真的在IE瀏覽器中彎曲的角落去Curvycorners &下載一個穩定版本。它只是一個javaScript文件。然後引用項目中的「curvycorners.src.js」文件&編寫您正在編寫的相同的CSS代碼「-webkit-border-radius:15px; -moz-border-radius:15px; 」除了其他兩個屬性。它一定會奏效。適合我,所以適合你。
怎麼可以給我一些例子... – joji 2010-11-29 10:16:03
很多額外的元素與仔細定位的背景圖像。 – Quentin 2010-11-29 10:17:46
或者尋找一個JavaScript解決方案。 他們在那裏。 – Jens 2010-11-29 10:18:29