Форум Сайтостроение Веб-строительство

Chromeи ит стили css

L
На сайте с 17.05.2013
Offline
88
luckydan
391

Хочу сделать заокругленные углы в фото. Пишу:

.Timg { border-radius: 15px 0 15px 0; -webkit-border-radius: 15px 0 15px 0; -moz-border-radius: 15px 0 15px 0; float:left; margin-right:10px; }

<img src="1_425.jpg" class="Timg" align="right">

в хроме выводится с прямыми углами. Если стили прописать явно в картинку:

<img src="1_425.jpg" style=" border-radius: 15px 0 15px 0; -webkit-border-radius: 15px 0 15px 0; -moz-border-radius: 15px 0 15px 0; float:left; margin:0 10px 10px 0" align="right">

то выводится как надо с заокругленными углами

Скажите в чем причина? Почему хрон неправильно отображает? (Ctrl F5 нажимал)

zhitov
На сайте с 30.01.2005
Offline
219
zhitov
#1

Стиль какого-то родительского элемента перебивает класс Timg.

Строительные калькуляторы ( https://www.zhitov.com/ )
LovelAss
На сайте с 05.06.2009
Offline
96
LovelAss
#2

Стили, скорее всего, замещаются общими для тега img. Попробуйте явно прописать img.Timg {} вместо .Timg {}.

L
На сайте с 17.05.2013
Offline
88
luckydan
#3

сделал img.Timg {}, но что-то не помогло. В хроме по прежнему прямые углы..

melkozaur
На сайте с 06.04.2010
Offline
536
melkozaur
#4

А шо, Хром разве до сих пор не понимает border-radius? о_О

---------- Добавлено 29.04.2015 в 03:36 ----------

Попробуйте

.Timg img {border-radius: 15px 0 15px 0;}

Geers
На сайте с 12.04.2011
Offline
487
Geers
#5
melkozaur:
А шо, Хром разве до сих пор не понимает border-radius? о_О

Понимает. ;)

---------- Добавлено 29.04.2015 в 02:39 ----------

melkozaur:
Попробуйте
.Timg img {border-radius: 15px 0 15px 0;}

Ага, так правильней.

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