邊框顏色不變

我創建了一個div。在div div的右邊框上有一個邊框圖像，在左邊框上我想要有彩色邊框。問題是當我改變它沒有出現的顏色時。我怎樣才能解決這個問題？這是我FIDDLE邊框顏色不變

CSS：

div{ 
    height:200px; 
    width:200px; 
    background:#EA6E0E; 
    border-image-slice: 0 31 0 0; 
    border-image-width: 0px 20px 0px 0px; 
    border-image-outset: 0px 0px 7px 0px; 
    border-image-repeat: stretch stretch; 
    border-image-source: url("http://i.imgur.com/pN8TPVw.jpg?1"); 

    border-radius:8px; 
    border-left:8px solid #000; //NOT WORKING 
}

來源

2014-09-27 nabeelaa

你不能設置一個邊界圖像和左邊框，你可以做的就是給左邊框上，然後，而不是邊界圖像，你只需創建一個充當邊界的div。通過給父DIV（帶有邊框）position: relative;（所以他所有的子元素相對於他的位置）和邊境DIV做這height: 100%; position: absolute; right: 0; width: 20px;

FIDDLE

來源

2014-09-27 14:19:43

邊框顏色不變

回答

相關問題