我使用了边框,边框顶部图像,边框图像,似乎没有人做我想要的事情.
我有以下CSS：
#footer {
overflow: hidden;
clear: both;
width: 100%;
margin: 0 auto;
padding: 26px 0 30px 0;
border-top-image: url('http://www.mycelticcrossstitch.com/celtic%20knot%20cross%20stitch.jpg');
font-size: 0.8461538461538462em;
color: #aaa;
}
这似乎不适用于我正在尝试的网站,我在Firefox和Chrome中尝试过.
我只希望图像出现在顶部边框上,并希望没有其他边框(所以它有点像< hr />)
解决方法
我不认为有任何像border-top-image这样的属性可以给元素的任何一边提供图像边框 –
使用
使用
border-image:url('http://www.mycelticcrossstitch.com/celtic%20knot%20cross%20stitch.jpg') 30 30 round;
但它给各方带来了边界.为了消除我给出的其余边缘的边界 –
border-bottom:0; border-left:0; border-right:0;
它工作,这是我的小提琴 – http://jsfiddle.net/ashwyn/c7WxG/1/
