边界图像未知属性？

Question

  

可能重复：
  Give a CSS styled div a “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

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

-webkit-左边框图像

请参阅此帖子：Give a CSS styled div a "border-left-image"

Answer 2

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

http://border-image.com/

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