css - 仅边框图像底部

Question

我正在尝试仅将边框图像添加到标题的底部。它适用于 Chrome，但不适用于 Safari。

这是代码：

.header {
    border-bottom: 3px solid; 
    border-image: url(https://static1.squarespace.com/static/5ec57b9825bdfa44638daa1e/t/5ed57287a22a3463f755e9da/1591046791198/LTI-website-header-border-03.png); 
    border-image-width: 100%; 
    border-image-repeat:stretch; 
    border-top:none !important; 
    border-left: none !important; 
    border-right: none !important;
}

Answer 1

尝试将 -webkit- 添加到您的样式中。

border-style: solid;
border-width: 0px 0px 3px 0px;
-webkit-border-image: url('...../test.png') 0 0 0 0 stretch stretch;