0

我正在尝试在 div 上使用顶部和底部边框，border-image但它在 Safari 中无法正确显示。

正如我想要 的那样，它在Chrome中：在此处输入图像描述

它在Safari中： 在此处输入图像描述

html:

<body>
    <div class="wiggle">
        <h3>title</h3>
        <p>Loren ipsum dolor sit amaet</p>
    </div>
</body>

CSS：

.wiggle{
    width: 500px;
    border-width: 13px;
    border-style: solid;
    border-image: url(assets/wiggle-b.svg) 100% 0% 100% 0% repeat;
    -webkit-border-image: url(assets/wiggle-b.svg) 100% 0% 100% 0% repeat;
}

任何帮助是极大的赞赏。

4

0 回答 0