2014-01-27 120 views
0

作爲標題,Internet Explorer 11是否支持border-image?Internet Explorer 11是否支持邊界圖像?

,因爲如果我使用這個CSS:

.windowtemplate { 
    border: 18px solid black; 
    -webkit-border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 round round; 
    -moz-border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 round round; 
    border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 18 round round; 
} 

作品中的所有其他瀏覽器(Chrome瀏覽器,Safari瀏覽器,火狐),除了IE11。

還有一種方法可以在IE11中進行邊框圖像工作嗎?

+0

Internet Explorer 11是否支持border-image?答案:[是](http://caniuse.com/#search=border-image)。 – Spudley

+0

您是否檢查過瀏覽器處於IE11標準模式?此功能在怪癖模式或兼容模式下不起作用。 – Spudley

回答

1

按照說明上http://caniuse.com/#feat=border-image

注意,無論是邊框樣式和邊框寬度必須爲 邊境指定-images根據規範工作,雖然較舊的實現 可能沒有這個要求。部分支持是指支持簡寫語法 ,但不支持單個屬性 (border-image-source,border-image-slice等)。

看來IE 11是那些確實需要這兩個屬性才能出現border-image的瀏覽器之一。

+0

這應該是被接受的答案。 – Dominic

+0

考慮到在問題中設置了兩個必需的屬性*,我不太確定這適用。但真正的問題是它*應該*在IE11中工作。問題中的問題根本無法以現有形式複製。 – BoltClock

相關問題