【问题标题】:border-radius is not support in image in Gionee phone, when i am giving the border-radius to image, image get hide金立手机的图像不支持边框半径,当我将边框半径赋予图像时,图像会隐藏
【发布时间】:2020-02-01 12:48:46
【问题描述】:
Gionee mobile 中的边界半径问题
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
但这对我不起作用,然后我尝试将图像放在 div 中,然后为
编写 CSS
border-radius:5px;
overflow: hidden;
padding: 6px;
border: 4px solid #ffffff;
【问题讨论】:
标签:
html
css
android-browser
【解决方案1】:
您可以使用此代码
body {
margin: 0;
padding: 0;
}
.items {
border-radius: 10px;
overflow: hidden;
padding: 6px;
border: 4px solid #000000;
width: auto;
display: inline-block;
margin: 50px;
}
.items img {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
<div class="items">
<img src="https://images.livemint.com/rf/Image-621x414/LiveMint/Period2/2017/04/15/Photos/Processed/gionee-kqBG--621x414@LiveMint.jpg">
</div>