Safari не скругляет углы

B
На сайте с 12.01.2011
Offline
22
868

В браузере Safari 5, когда у картинки имеется рамка и мы задаем картинке border-radius, то скругляется рамка, а вот углы самой картинки не скругляются. Как вылечить, подскажите пожалуйста.

пример:

<p><img src="images/aaa.jpg"></p>

img {

border:6px solid #f5f5f5;

border-radius: 17px;

}

Имеем:

http://i024.radikal.ru/1312/ff/e188f9eab7a8.jpg

R
На сайте с 18.12.2009
Offline
92
#1

http://stackoverflow.com/questions/17202128/rounded-cornes-border-radius-safari-issue

B
На сайте с 12.01.2011
Offline
22
#2
rerighter:
http://stackoverflow.com/questions/17202128/rounded-cornes-border-radius-safari-issue

Спасибо, попробуем! Подскажите еще, если кто знает: если у меня ширина макета 1024px, как сделать так,чтобы при открытии на iphone страница полностью вмещалась (с масштабированием,естественно)

Ord
На сайте с 15.11.2005
Offline
175
Ord
#3
Bioshock:
Спасибо, попробуем! Подскажите еще, если кто знает: если у меня ширина макета 1024px, как сделать так,чтобы при открытии на iphone страница полностью вмещалась (с масштабированием,естественно)

<meta name="viewport" content="width=1024"/>

Bioshock:
В браузере Safari 5, когда у картинки имеется рамка и мы задаем картинке border-radius, то скругляется рамка, а вот углы самой картинки не скругляются. Как вылечить, подскажите пожалуйста.

пример:
<p><img src="images/aaa.jpg"></p>
img {
border:6px solid #f5f5f5;
border-radius: 17px;
}

Имеем:

http://i024.radikal.ru/1312/ff/e188f9eab7a8.jpg

а что если так?

<p><img src="images/aaa.jpg"></p>

p {

padding: 6px;

background: #f5f5f5;

border-radius: 17px;

}

p img{

border-radius: 17px;

}

Электронная бухгалтерия Эльба (http://e-kontur.ru/?p=65549729) - рекомендую!
Desesperada
На сайте с 11.10.2010
Offline
77
#4

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

как вариант можно сверху накладывать png изображение фона с круглой "дыркой" под изображение

Создание/наполнение сайтов ICQ 7860919 Принимаю предзаказы на сателлиты/гс в индексе

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий