border-radius и IE

Горбушка

Ищу её...
Регистрация
2 Май 2008
Сообщения
3.444
Реакции
2.524
Всем привет...

Есть блок с бекгранудом - картинкой. Картинку нужно сделать круглой - делаю backgroud-radius, всё круто во всех браузерах, но IE, падла, даже в 11 версии не знает CSS 3...

Есть у кого идеи как можно круглые картинки (аватары к примеру) получить в IE?
 
Border-radius: 50%; не backgroud-radius
и

-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
behavior: url(border-radius.htc);
 
Border-radius: 50%; не backgroud-radius
Опечатка, конечно :D

Этого достаточно для каких версий IE? Никакого JS и т.д. не нужно?
Мне б поддержку хотя бы с 7-8 IE...
 
Этого достаточно для каких версий IE? Никакого JS и т.д. не нужно?
Конечно) htc для него) так что работать будет, но вот смысл) утопить уже пора ie старенькие да не поддерживать...:crazy:
 
Опечатка, конечно :D

Этого достаточно для каких версий IE? Никакого JS и т.д. не нужно?
Мне б поддержку хотя бы с 7-8 IE...

.my-block {
/* Для хороших браузеров */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
/* Для плохих IE */
behavior: url(border-radius.htc); /* учим IE border-radius */
}
Там js не нужны, просто css под IE, правда я вообще не знаю, зачем он нужен)))
 

Вложения

  • vw_twLuqBSY.jpg
    vw_twLuqBSY.jpg
    31 KB · Просмотры: 7
  • 7zP5Gps76VI.jpg
    7zP5Gps76VI.jpg
    37,5 KB · Просмотры: 7
  • jmMBIwsRxMw.jpg
    jmMBIwsRxMw.jpg
    27,8 KB · Просмотры: 7
.my-block {
/* Для хороших браузеров */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
/* Для плохих IE */
behavior: url(border-radius.htc); /* учим IE border-radius */
}
Там js не нужны, просто css под IE, правда я вообще не знаю, зачем он нужен)))
10 px картинку круглой не сделают. а вообще вы написали тоже что и я, не понимаю зачем дублировать...
 
Тут поверх картинок ставят доп. картинку под цвет фона в которой вырез нужной формы.

На яндексе, по моему, так
 
Назад
Сверху