溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
上周五突然接到現場的一個需求，做一個移動端的勞模展示頁面。現場美工把原型圖發了過來。這個樣子的：
說實在的很想吐槽一下我們美工的審美哈，不過這不是重點。
因為邊框是需要特殊花紋的所以打算用border-image實現。
.example{
……
border:6px solid transparent;
-webkit-border-image:url(../img/border_img.jpg) 6 6 round;
border-image:url(../img/border_img.jpg) 6 6 round;
……
}
最終發現安卓顯示正常。IOS邊框是顯示不出來的。
解決辦法是：
把 border:6px solid transparent; 替換為單獨的屬性，即：border-style 和 border-width。
example{
……
border-style: solid;
border-width: 6px;
-webkit-border-image:url(../img/border_img.jpg) 6 6 round;
border-image:url(../img/border_img.jpg) 6 6 round;
……
}
以上所述是小編給大家介紹的iOS下border-image不起作用的解決辦法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
