鍍金池/ 問答/HTML/ css圓角邊框bug

css圓角邊框bug

設(shè)置圖片的圓角和邊框?qū)挾纫院?,有的手機(jī)可以正常顯示,有的機(jī)型就會(huì)出現(xiàn)部分邊框無法顯示,如圖所示
圖片描述

運(yùn)行在微信的webview中。

回答
編輯回答
旖襯

border: 2px solid #fff;

換成

padding: 2px;
background-color: #fff;

試試?

2018年1月9日 09:46
編輯回答
巫婆

給裝盛圖片的盒子設(shè)置border-radius之后,同時(shí)也要給該盒子下的img也設(shè)置同樣大小的border-radius。 或者給盒子設(shè)置一個(gè)overflow:hidden

也就是說并不是邊框圓角沒設(shè)置上,而是圖片把設(shè)置上圓角的盒子給遮住了,因?yàn)閳D片是矩形的,并不是圓形的,雖然切圖時(shí)四個(gè)角沒有顏色或者背景為透明,但是最終圖片會(huì)是矩形,為了給所有設(shè)備都顯示相同效果,請(qǐng)嘗試一下我給你說的兩個(gè)方法中的一個(gè)

希望能幫助到你

2018年9月18日 08:16