溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

IOS頁面邊框是顯示不出來的解決方法

發(fā)布時間：2020-08-11 11:18:16 來源：億速云 閱讀：547 作者：小新 欄目：web開發(fā)

IOS頁面邊框是顯示不出來的解決方法？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

                                                           上周五突然接到現(xiàn)場的一個需求，做一個移動端的勞模展示頁面?，F(xiàn)場美工把原型圖發(fā)了過來。這個樣子的：

IOS頁面邊框是顯示不出來的解決方法
說實在的很想吐槽一下我們美工的審美哈，不過這不是重點。

因為邊框是需要特殊花紋的所以打算用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;
    ……
  }

感謝各位的閱讀！看完上述內(nèi)容，你們對IOS頁面邊框是顯示不出來的解決方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手