【问题标题】: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>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-08-23
      • 2020-09-15
      • 2011-10-27
      • 1970-01-01
      • 2021-11-27
      • 1970-01-01
      • 2013-06-10
      • 2013-02-23
      相关资源
      最近更新 更多