Цвет границы не отображается с радиусом границы

Цвет границы не отображается на мобильном телефоне при одновременном использовании отзывчивого ответа, который отлично подходит для работы с мобильным разрешением.Цвет границы не отображается с радиусом границы

вот снимок экрана с IPOD enter image description here

Вот CSS-код код

.box img { 
    display: block !important; 
    margin-top: 8px; 
    border: 1px solid #CCC; 

    -webkit-border-radius: 6px; 
     -moz-border-radius: 6px; 
      border-radius: 6px; 
}

цвет границы появляются только на Nokia Lumia 920

пожалуйста, дайте мне знать, делает любое тело знает решение , заранее спасибо

источник

2013-05-07 Muhammed

может предоставить ваш HTML или скрипку? – Nitesh

Это ошибка веб-кита. Используйте временное исправление временной тени. –

@SonuJoshi Я думаю, что ваша оценка правильная. ясно работает с тень окна :). удаленная граница, затем добавьте '-webkit-box-shadow: 0px 0px 0px 1px #CCC; -moz-box-shadow: 0px 0px 0px 1px #CCC; box-shadow: 0px 0px 0px 1px #CCC; ' – Muhammed

Это -webkit ошибка. Тем не менее не нашел точное решение, кстати, я получил временное решение от @SonuJoshi, который удалить добавить box-shadow вместо border

Старый код

.box img { 
    display: block !important; 
    margin-top: 8px; 
    border: 1px solid #CCC; 

    -webkit-border-radius: 6px; 
     -moz-border-radius: 6px; 
      border-radius: 6px; 
}

Новый код

.box img{ 
    overflow: hidden; 
    margin-top: 8px; 

    -webkit-box-shadow: 0px 0px 0px 1px #CCC; 
     -moz-box-shadow: 0px 0px 0px 1px #CCC; 
      box-shadow: 0px 0px 0px 1px #CCC; 

    -webkit-border-radius:6px; 
     -moz-border-radius:6px; 
     border-radius:6px; 
}

Спасибо за все help :)

источник

2013-05-07 14:48:51 Muhammed

Нанести эту CSS в контейнере изображения не образ ...

.box{ 
display: inline-block; 
margin-top: 8px; 
border: 1px solid #CCC; 

-webkit-border-radius:6px; 
-moz-border-radius:6px; 
border-radius:6px; 
} 

.box img { width:100%; margin-bottom:-1px; }

источник

2013-05-07 11:58:55 SaurabhLP

вы имеете в виду изменение' block' на 'inline-block'? – Muhammed

Да, также измените элемент, в котором ваш вызов css ... – SaurabhLP

изображения становятся большими, когда изменение отображается в 'display: inline-block;' – Muhammed

код будет

.box img { width:100%; margin-bottom:-1px; }

источник

2013-05-07 13:32:34 Shovan

не работает, как я хочу :( – Muhammed

Цвет границы не отображается с радиусом границы

ответ

Смежные вопросы