在IE

2011-03-22 29 views
0

無CSS邊框我有顯示周圍的div #CALL邊框和使用CSS #courses在IE

IM頁:

border: 3px solid #afd4a9; 

這是不正常的,即

看到它here

感謝

+1

您使用邊界的元素是什麼? – Kyle 2011-03-22 13:06:11

+1

代碼在哪裏? – 2011-03-22 13:07:00

回答

2

沒有什麼不對您的CSS。

當我在Internet Explorer中禁用JavaScript時,border(但不是四捨五入)。

仔細看,我看到你正在使用jquery.corner.js四捨五入。

我不知道爲什麼這不適合你(我看不出你做錯了什麼),但我建議switching to CSS3PIE而不是圓角。

總之,你只需add a single rule下載PIE.htc文件,你的CSS爲每個元素:

#myElement { 
    ... 
    behavior: url(PIE.htc); 
} 
+1

CSS3PIE岩石。它只是一個恥辱,它不會接受長期的角落屬性(邊界左上半徑等):-( – Bojangles 2011-03-22 13:21:00

0

corners.js消除邊界在IE瀏覽器 - 看到內嵌樣式的relavent的div。要在IE中擁有邊框,您需要有一個外部div來包裝內部div,並在兩個div上使用邊角來獲得邊界效果。查看演示頁面大約半路下來,在下面:Jquery corners demo page

ff和IE的方式角工程是完全不同的 - 它只是使用內置的mozilla css樣式保持邊框樣式。在IE角落裏插入div。

0

的問題是,你有一些JavaScript添加style屬性到你的DIV:

style="border-bottom: medium none; position: relative; border-left: medium none; zoom: 1; border-top: medium none; border-right: medium none;" 

你必須有選擇地刪除代碼,IE瀏覽器,或者修復它是如何工作的。

請注意,您應該安裝適用於IE的開發工具(或者如果您有IE 8,只需按F12鍵查看它們是否出現)。該工具可讓您在運行javascript後查看HTML代碼,並且在解決這些類型的問題時具有無法估量的價值。

0

您的CSS正在被內聯樣式覆蓋,它顯示爲通過此功能。你的index.js文件中的$('#courses').corner();,這個文件應該像它應該的那樣四捨五入。