border-image在safari

时间：2016-12-15 13:32:16

标签： html css safari border-image

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

根据我的要求，它位于 Chrome 中： enter image description here

这里是 Safari ： enter image description here

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;
}

非常感谢任何帮助。

0 个答案:

没有答案
相关问题
最新问题