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

目前創(chuàng)新互聯(lián)已為上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、曲沃網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

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

說(shuō)實(shí)在的很想吐槽一下我們美工的審美哈，不過(guò)這不是重點(diǎn)。

因?yàn)檫吙蚴切枰厥饣y的所以打算用border-image實(shí)現(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邊框是顯示不出來(lái)的。

解決辦法是：
把 border:6px solid transparent; 替換為單獨(dú)的屬性，即：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)容，你們對(duì)IOS頁(yè)面邊框是顯示不出來(lái)的解決方法大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。