在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ border-image在低版本安卓產(chǎn)生多余邊框,求解?

border-image在低版本安卓產(chǎn)生多余邊框,求解?

使用border-image實(shí)現(xiàn)邊框顏色漸變,結(jié)果產(chǎn)生多余的邊框,原本只設(shè)置的左邊框

<div class="box"></div> 
.box{
        margin: 5px;
     width: 100px;
     height: 100px;
     border-left:10px solid #ddd;
     border-image: -webkit-linear-gradient(#ddd,#000) 30 30;
     border-image: -moz-linear-gradient(#ddd,#000) 30 30;
     border-image: linear-gradient(#ddd,#000) 30 30;
}

正常的效果:圖片描述

在低版本安卓中:圖片描述

求破

回答
編輯回答
怪痞

border-image-slice: 0 0 0 1; 具體看border-image的支持情況鏈接描述

2018年5月23日 18:16