iOS下border-image不起作用的解決辦法
更新時間：2017年05月02日 13:57:32 作者：小路_同學(xué)
上周五突然接到現(xiàn)場的一個需求，做一個移動端的勞模展示頁面。下面小編給大家介紹下iOS下border-image不起作用的解決辦法，需要的朋友參考下吧
上周五突然接到現(xiàn)場的一個需求，做一個移動端的勞模展示頁面?，F(xiàn)場美工把原型圖發(fā)了過來。這個樣子的：
說實在的很想吐槽一下我們美工的審美哈，不過這不是重點。
因為邊框是需要特殊花紋的所以打算用border-image實現(xiàn)。
.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;
……
}
最終發(fā)現(xiàn)安卓顯示正常。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不起作用的解決辦法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
iOS開發(fā)之UIPickerView實現(xiàn)城市選擇器的步驟詳解
這篇文章給大家介紹iOS利用控件UIPickerView實現(xiàn)城市選擇器的效果，選擇城市這一功能相信在大家日常開發(fā)的時候經(jīng)常遇見，下面就來看看詳細(xì)的實現(xiàn)過程，有需要的可以參考借鑒。2016-09-09
這篇文章主要給大家介紹了關(guān)于iOS中多線程的一些經(jīng)典崩潰的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
這篇文章主要介紹了如何在自己的電腦上配置APNS推送環(huán)境的相關(guān)資料,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了iOS13原生端適配攻略(推薦),現(xiàn)匯總一下iOS 13的各種坑,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-10-10
這篇文章主要介紹了IOS 開發(fā)之Object-C中的對象詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
iOS開發(fā)APP跳轉(zhuǎn)到設(shè)置或系統(tǒng)頁面詳解
這篇文章主要為大家介紹了iOS開發(fā)APP跳轉(zhuǎn)到設(shè)置或系統(tǒng)頁面詳解，<BR>有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
本文是IOS開發(fā)之路系列的第一篇，主要講訴了如何仿網(wǎng)易新聞客戶端實現(xiàn)抽屜效果，全部源代碼都分享給大家，希望對大家有所幫助2014-08-08
本篇文章主要介紹了iOS 高效的分頁加載實現(xiàn)示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
iOS Crash常規(guī)跟蹤方法及Bugly集成運用詳細(xì)介紹
這篇文章主要介紹了iOS Crash常規(guī)跟蹤方法及Bugly集成運用詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-10-10
IOS倒計時設(shè)置UIButton標(biāo)題title的抖動問題
這篇文章主要介紹了IOS倒計時設(shè)置UIButton標(biāo)題title的抖動問題，在發(fā)送驗證碼后，button狀態(tài)需要變?yōu)閐isable，每隔一秒顯示倒計時時間，下面通過本文給大家介紹設(shè)置方法，一起看看吧2016-12-12