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

IOS頁面邊框是顯示不出來的解決方法?這個問題可能是我們日常學習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純热荩屛覀円黄饋砜纯窗桑?/p>

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

                                                           上周五突然接到現(xiàn)場的一個需求,做一個移動端的勞模展示頁面。現(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;
    ……
  }

感謝各位的閱讀!看完上述內容,你們對IOS頁面邊框是顯示不出來的解決方法大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁名稱:IOS頁面邊框是顯示不出來的解決方法
網(wǎng)站地址:http://bm7419.com/article6/jdscig.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、服務器托管電子商務、手機網(wǎng)站建設全網(wǎng)營銷推廣、定制開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設計