边框颜色不变

Question

我创建了一个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 
} 

Answer 1

你不能设置一个边界图像和左边框，你可以做的就是给左边框上，然后，而不是边界图像，你只需创建一个充当边界的div。通过给父DIV（带有边框）position: relative;（所以他所有的子元素相对于他的位置）和边境DIV做这height: 100%; position: absolute; right: 0; width: 20px;

FIDDLE