簡體   English   中英

如何為Internet Explorer 7和8填充CSS 3樣式?

[英]How can I polyfill CSS 3 styles for Internet Explorer 7 and 8?

我為一個在其站點上具有大量<a>元素的客戶工作,這些元素使用相同的樣式並引用相同的類名。

我遇到的問題是,在我使用CSS3設置元素樣式並完全忽略IE7和IE8的事實之前,即使在瀏覽器模型的范圍內,該問題現在在數百頁上都可以看到,而在使用CSS3設置元素樣式之前,這個項目的開發人員。

我想問的是,您認為最好的方法是在不影響標記的情況下進行適當的修復? 例如支持邊界半徑,框陰影,漸變等的腳本。

請不要再回答有關正常降級的問題,因為這不會發生,我已經與客戶交談過了,他們不想采用這種方法。

您可以使用腳本在使用舊IE版本的客戶端上為您執行該“支持”!

在此處下載腳本。

此腳本允許Internet Explorer 6、7和8的CSS3支持。

網站鏈接

我最喜歡的解決方案是CSS3 PIE 這是一個HTC,可為IE 6-9帶來許多CSS3功能

注意: PIE使用絕對定位的VML元素(在IE6-8中)來支持各種CSS3功能。 這可能會導致背景/邊框/消失等問題。 解決方法通常是使用position: relative; 在受影響的元素或其父元素上。 有關更多信息(和其他修補程序), 請參閱已知問題

我認為沒有一種解決方案,但是您可以組合多個解決方案,例如,對於邊界半徑,可以使用jquery corner:

http://jquery.malsup.com/corner/

modernizr也可以是一個很好的工具!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM