2013-05-22 37 views
6

我最近纔來到realise that Internet Explorer 10根本不支持CSS border-image屬性,甚至不使用供應商前綴。任何方式來'破解'Internet Explorer 10顯示邊界圖像?

我的常規解決方案是使用CSS3 PIE,但由於微軟選擇在IE10中選擇貶低對.htc行爲的支持,所以無法完成大量工作,這是相當獨特的。有關他們的論壇here的討論。

似乎有可能通過構建CSS3 PIE的自定義JS版本來實現解決方案,但我不願意接受性能問題。

是否有任何其他方式,有人發現說服IE10支持邊界圖像(因爲它真的應該!)。

+1

99%確定您要麼編寫腳本,要麼將其標記爲具有背景圖像的9x9網格。 'border-image'只是9x9網格的一個奇特的替代品... – svidgen

回答

4

IE10不完全取消對HTC行爲的支持。您仍然可以使用他們,如果你force IE10 to emulate IE9,您可以通過添加以下meta標籤做:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"> 

這將讓你再次使用CSS3 PIE的HTC行爲,但它也將阻止你使用推出的其他新功能在IE10中。這是一個折衷方案,但它可以讓你的網站在IE10中按照預期顯示,直到有更好的border-image polyfill可用。

+0

謝謝,我沒有機會充分調查這一點,並懷疑我只是採取'優雅的退化'的方法在這一個時間。如果邊框圖像是必不可少的,你的建議當然是最有意義的。 即使使用微軟最新的瀏覽器,與競爭對手相比仍然存在顯着的折衷,這是一種恥辱。說很多,在這種情況下,他們以前的瀏覽器更好! – johnkavanagh

相關問題