2012-06-05 24 views
0

我正在使用最新的jQuery和jQuery-ui。我使用了大多數的jQuery按鈕,日期選擇器,對話框等等。它們都沒有在兼容模式或非兼容模式下在IE8中四捨五入。但是在Firefox和Chrome中有圓角。有什麼我需要包括在jQuery的css將應用樣式。任何幫助將不勝感激。IE8沒有圓角的最新jquery

回答

3

圓角是一個CSS3特徵。 IE 8不支持CSS3。支持「border-radius」的IE的最早版本是IE9。

如果您正在尋找適用於舊IE瀏覽器的polyfill,請查看CSS3 PIE。我個人沒有太多的運氣,但我聽到了好東西。雖然IE8比之前的版本有了突飛猛進的發展,但IE8有很多不足之處;特別是它支持的功能。請記住,這是一個3歲的瀏覽器,它稍微落後於Chrome/Firefox,幾乎每週都會向你推送更新。

對於許多其他瀏覽器缺少的功能,有很多polyfills,請查看Modernizr Polyfill Wiki Article以獲取有關可用於填補空白的工具的信息。我也會建議你仔細權衡使用polyfill的優點/缺點,有時你不需要它。 (圓角通常不會破壞網站,所以你可以把它放在一邊,繼續你的一天)

+1

這意味着最新的jQuery使用CSS3。 – user525146

+1

jQuery UI在其元素的默認主題中使用CSS3,因爲使用IE8和低於Square的角落仍然是功能性的,如果不是令人滿意的話。 – Aren

+2

@ user525146 jQuery UI CSS已經很長時間了,至少3年了。 – Pointy

1

你可以使用http://css3pie.com/模擬舊的IE版本中的CSS3功能。 IE8不支持很多CSS3功能,例如border-radius

+0

我是通過文檔,雖然我沒有完全通過。只是想知道,我只是將路徑添加到我的css文件中的.htc文件,然後頁面呈現圓角等,或者他們是否有任何更改覆蓋jQuery的CSS? – user525146

+0

不,你不需要重寫jQuery的CSS。 css3pie只是在css中查找不支持的功能。 –

0

您可能還想查看Modernizr以模擬CSS3功能。我們用它來達到這個目的(等等)。

+2

只是一個FYI,Modnernizr本身不是一個polyfill,但它會檢測何時需要加載一個。 Modernizr推薦CSS PIE作爲'border-radius'的polyfill [見wiki文章](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills) – Aren