Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
356 views
in Technique[技术] by (71.8m points)

border-bottom border-image ios出现4条边框 兼容性

当我只想要底部边框颜色渐变,设置了
border-bottom:5px solid;
border-image: linear-gradient(to right, rgb(241,193,168), rgb(180, 100, 90)) 1 10;
发现四条边框都出现了,只是底部边框更宽些,。
pc端和安卓上这样设置就是正常的出现底部一条边框。在ios手机上就四条边框都出现


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

在ios中这样设置border-image: linear-gradient(to right, rgb(241,193,168), rgb(180, 100, 90)) 0 0 100 0;就可以只显示底部一条边框了,
因为border-image-slice:top right bottom left; 可以表示四条边


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
...