border-radius не поддерживается в изображении в телефоне Gionee, когда я даю border-radius для изображения, изображение становится скрытым - PullRequest
Новая
       14

border-radius не поддерживается в изображении в телефоне Gionee, когда я даю border-radius для изображения, изображение становится скрытым

0 голосов
/ 03 октября 2019

проблема с радиусом границы в мобильном Gionee 

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;

1 Ответ

0 голосов
/ 03 октября 2019

Вы можете использовать этот код 

        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>
...