Firefox 不显示 CSS border-image
。其他浏览器(Chrome、Safari、Opera)显示此内容没有问题。
我有以下代码:
<div id="headerwrapper">
header here
</div><!-- headerwrapper -->
<div id="mainwrapper">
maincontent here
</div><!-- mainwrapper -->
和这个 CSS:
#headerwrapper {
border-bottom-width: 15px;
border-image: url(images/zickzack-white.png) 15 0 repeat;
border-image-outset: 7px;
}
#mainwrapper {
background-color: rgba(255, 255, 255, 0.4);
background-size: 100px 200px;
padding: 20px 0 200px;
}
This picture shows result in Chrome (upper part) and Firefox (lower part)
有人可以帮忙吗?
最佳答案
试试这段代码
border-style: solid;
border-width: 26px 26px 27px 27px;
-moz-border-image: url(http://www.w3.org/TR/css3-background/border.png) 26 26 27 27 repeat;
-webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 26 26 27 27 repeat;
-o-border-image: url(http://www.w3.org/TR/css3-background/border.png) 26 26 27 27 repeat;
border-image: url(http://www.w3.org/TR/css3-background/border.png) 26 26 27 27 fill repeat;
关于html - 边框图像不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24532861/