X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> IE 8 и CSS 3
kokn
kokn
Topic Starter сообщение 21.2.2012, 14:21; Ответить: kokn
Сообщение #1


здраствуйте, может кто подскажет, как сделать в IE 8, чтобы отображалось свойство border-radius. Я как понимаю оно только в css3 есть!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Power_mw
Power_mw
сообщение 21.2.2012, 14:54; Ответить: Power_mw
Сообщение #2


Никак. Свойство border-radius в ИЕ появилось только с версии 9.
Если только все закругления сделать в виде изображений.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kokn
kokn
Topic Starter сообщение 21.2.2012, 15:09; Ответить: kokn
Сообщение #3


может как вариант окно сделать с прежупреждением типа на ИЕ 8 не корректно отображается и тп) так думаю проще будет) чем в коде перековыривать все)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 21.2.2012, 17:12; Ответить: yury_mw
Сообщение #4


kokn, примерно так
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>border-radius</title>
<style type="text/css">
.rounded {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
behavior: url(PIE.htc);
zoom: 1;
}
/*этот блок будем скруглять добавлением класса rounded*/
.demo_block {
float: left;
border: 1px solid #000;
padding: 1em;
background: #ccc;
}
</style>
</head>
<body>
<div class="demo_block rounded">этот блок будем скруглять добавлением класса rounded</div>
</body>
</html>

* Работает в IE6-9
* Свежую версию PIE.htc качаем тут: http://css3pie.com/
* Размер у PIE.htc около 40Кб так что подгрузку стиля с этим файлом (так же как не валидное css-свойство zoom: 1;) лучше выделить в отдельный файл и подключать условными комментариями, чтоб его грузил только ИЕ. Вроде такого
<!--[if IE]><link href="ie.css" rel="stylesheet" type="text/css"/><![endif]-->
Важно: следует понимать, что на данный момент CSS3 не является стандартом, т.е. поддержка CSS3 разными браузерами происходит как какому разработчику браузера в голову стукнуло так он это дело и реализовал, так что тот же самый border-radius в разных браузерах будет выглядеть несколько по-разному. И если требуется одинаковость отображения в разных браузерах (не только в ИЕ, но и в Хроме, ФФ и Опере), то надежнее скруглять углы картинками.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Power_mw
Power_mw
сообщение 23.2.2012, 15:57; Ответить: Power_mw
Сообщение #5


Решил попробовать PIE.htc, но почему-то на IE не работает. Пробовал в режиме 7-8 эксплорера, но все без толку. Зато в программа IETester все отлично работает, как надо)

Почему так?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 23.2.2012, 18:55; Ответить: yury_mw
Сообщение #6


Power,
если не работает значит, вы где-то напортачили: этот плагин известный и широкоиспользуемый.
Рассказывайте подробнее что, где и как делаете. Потому как фраза "пробовал в режиме 7-8 эксплорера" — ни о чем: что пробовали и как, что за "режим 7-8 эксплорера", кто в этом режиме был и зачем — не ясно.
Про IETester ничего сказать не могу: у меня разные версии IE живут в виртуальных машинах и выше приведенный пример нормально работает:
11e958034978.png
На всякий случай, распространенные подводные камни:
* указывается неверный путь к файлу PIE.htc (относительный путь к PIE.htc нужно указывать относительно текущего html документа)
* чтобы IE начал понимать behavior нужен правильный заголовок content-type: .htc файл должен передаваться с заголовком text/x-component. Большинство серверов по умолчанию имеют такую настройку, но бывают исключения. Для борьбы с подобными ситуациями в дистрибутиве PIE имеется PIE.php, его кладут в тот же каталог, что и PIE.htc, а вызов меняется на behavior: url(PIE.php);
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Power_mw
Power_mw
сообщение 23.2.2012, 21:32; Ответить: Power_mw
Сообщение #7


yury, спасибо. Теперь все заработало)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3489 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3422 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6460 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1669 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 1437 29.12.2020, 23:49
автор: zaiko


 



RSS Текстовая версия Сейчас: 25.4.2024, 5:07
Дизайн