1

我使用下面的图像（SVG）作为border-image.

木边框

在Chrome和Safari中完美运行，但Firefox有不同的渲染。有没有什么办法解决这一问题？

铬和 Safari：

网络套件

火狐：

壁虎

和......我的代码：

body { margin: 10px; }

.box {
  background: beige;
  border: 20px solid sandybrown;

  -o-border-image: url(https://web.archive.org/web/20170919223208/http://imgh.us/wood-border.svg) 70 stretch;
  -moz-border-image: url(https://web.archive.org/web/20170919223208/http://imgh.us/wood-border.svg) 70 stretch;
  -ms-border-image: url(https://web.archive.org/web/20170919223208/http://imgh.us/wood-border.svg) 70 stretch;
  -webkit-border-image: url(https://web.archive.org/web/20170919223208/http://imgh.us/wood-border.svg) 70 stretch;
  border-image: url(https://web.archive.org/web/20170919223208/http://imgh.us/wood-border.svg) 70 stretch;

  height: 100px;
}
<div class="box">
</div>

4

0 回答 0