我有一个带有20px右边框的包装div。 我设置了边框颜色，然后设置了半透明png的边框图像。 我这样做是为了能够通过javascript更改下面的颜色，同时保持png的纹理。但是一旦我使用边框图像规则，“背景”边框颜色就变成白色，或者根本就消失了......
html很简单：
<div class="wrapper clearfix">
...
</div>
和CSS：
.wrapper{float: left; min-height: 100%; border-right: 20px solid lime url('../img/elastic.png'); position: relative;}
谢谢你们的帮助
（在这个极好的社区中首先发帖，希望能够顺利完成）
答案 0 :(得分：2)
很抱歉，border-image并不打算与border-color一起使用。
根据W3C：
“'border-image'属性指定一个图像，使用代替”边框样式属性“给出的边框样式。
正如您在Fiddle中看到的那样，任何边框样式都会被忽略。只有边框宽度才有效。
我建议您为每个边框创建特定的图像。
答案 1 :(得分：0)
正如ErickPetru所说，使用border-color时会忽略border-image。
只有我可以针对您的情况提出的解决方案是在border-image中使用在数据中编码的SVG：URI。这样，您可以通过JS操作它并应用结果。
或者，使用canvas元素动态生成位图图像，并将其用作边框图像。
希望有所帮助。 ：）