html - 边框图像未知属性？

Question

可能重复：
给一个 CSS 样式的 div 一个“border-left-image”

我试图在 div 的左侧和右侧放置一个边框。

HTML：

 <div id="containerscontainer"><div>

CSS：

#containerscontainer {
    width: 970px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    background-color:#000;       
    border-left-image:url('/gfx/bkshadleft.png');
    border-right-image:url('/gfx/bkshadright.png');
}

但由于某种原因在 chrome 中我可以看到我收到错误未知属性名称？为什么是这样？我做得不对吗？

小提琴示例：http: //jsfiddle.net/uzi002/8dX7R/3/

Answer 1

根据经验，我觉得语法可能不正确，或者图像尺寸不正确并且边框已关闭。我建议使用这样的网站来生成图像：

http://border-image.com/

而且，我在你的小提琴中看不到边框图像。

Answer 2

要在 Chrome 中工作，您需要为样式命名：

-webkit-border-left-image

看到这篇文章：给一个 CSS 样式的 div 一个“border-left-image”