[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: округленные углы и тень
Ilya1990
есть код

#wrapper #leftbox{
width: 190px;
background: white;
margin: 5px 0 0 5px;
float: left;

border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius: 5px;

-khtml-border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #000;
-webkit-box-shadow: 5px 5px 5px #000;
box-shadow: 5px 5px 5px #ссс;

behavior: url(ie-css3.htc);
}



ie6 не отображает округления....из за чего это может быть



Спустя 4 минуты, 46 секунд (27.06.2011 - 20:41) Winston написал(а):
Цитата (Ilya1990 @ 27.06.2011 - 20:36)
из за чего это может быть

Из за того что ie вплоть до 8 версии не поддерживает CSS3
Почитай вот
И про PIE

Спустя 25 минут, 11 секунд (27.06.2011 - 21:06) Ilya1990 написал(а):
))...а вот это
behavior: url(ie-css3.htc)
я прочитал что ie-css3.htc может научить ie...значит это бред??

Спустя 28 минут, 27 секунд (27.06.2011 - 21:34) quickxyan написал(а):
-khtml-border-radius: 5px; - это и есть закругление. ИЕ не поддерживает эту функцию как уже сказано выше!

просто недавно тем же маялся и пришел к выводу, что проще в фотошопе заокругленных углов нарисовать wink.gif

Спустя 7 минут, 19 секунд (27.06.2011 - 21:42) alex12060 написал(а):
Ilya1990

Выдержка из своего проекта.


#header {
margin-top: 50px;
width: 100%;
height: 200px;
color: #666;
border-left: 1px #dfe1e6 solid;
border-right: 1px #dfe1e6 solid;
border-top: 1px #dfe1e6 solid;
background: url('images/bg_h.png') #fff repeat-x;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-radius: 15px 15px 0 0;
behavior: url(pie.htc);
}


Рекомендую PIE

Спустя 19 часов, 30 минут, 21 секунда (28.06.2011 - 17:12) Ilya1990 написал(а):
понятно спс..буду рисовать(
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.