2012-04-05 178 views
0

可能重复:
Give a CSS styled div a “border-left-image”border 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'); 
} 

enter image description here enter image description here

但由于某种原因在Chrome我可以看到即时得到错误未知属性名称?为什么是这样?我没有做对吗?

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

+0

咦? http://stackoverflow.com/questions/5541336/give-a-css-styled-div-a-border-left-image – iambriansreed 2012-04-05 14:05:00

+0

您可以为所有边框定义边框图像,然后为顶部设置“border-width”底部为0:'border-width:0 10px;'? – cchana 2012-04-05 14:09:39

+0

边界必须在每边不同 – Beginner 2012-04-05 14:11:16

回答

1

要在Chrome浏览器,您需要命名的样式:

-webkit-左边框图像

看到这个职位:Give a CSS styled div a "border-left-image"

+0

我希望它能够在所有浏览器中工作 – Beginner 2012-04-05 14:01:32

+0

我也试过,看我的例子请 – Beginner 2012-04-05 14:20:46

+0

所以只需添加两种样式到您的CSS,它将使用正确的取决于浏览器; - ) – Gatekeeper 2012-04-05 14:21:08

1

从经验,我觉得语法可能会关闭,或图像不是正确的尺寸和边界关闭。我建议使用一个网站这样生成的图像:

http://border-image.com/

还有,我看到你的小提琴无边框的图像。

+0

你是这个问题的边界没有出现 – Beginner 2012-04-05 14:30:06