Небольшая доработка для нашего форума phpbb- закругление углов и тени для версий браузеров IE6, IE7, IE8.Одной из самых больных тем верстальщиков являются скругление уголков. В последнее время ситуация улучшается и браузеры потихоньку начинают поддерживать столь востребованные CSS-свойства. FF, Safari, Chrome делают это через свойства с своими особыми префиксами, например:
- Код: Выделить всё
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* для остальных */
Однако, старые версии IE "не понимают" подобных трюков. Конечно, лучше обновиться до актуальной версии. Но по разным причинам кто-то почему-то этого не делает. Чтобы старые версии IE могли отображать закругления углов и тени свойств border-radius(скругление) и box-shadow(тень) необходимо залить в корень форума файл PIE.htc
и уже потом к требуемому элементу добавить свойство behavior: url(PIE.htc). Т.е. получим, к примеру
- Код: Выделить всё
.ваш элемент {
border: 1px solid #000;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
behavior: url(PIE.htc);
-webkit-box-shadow: 4px 4px 6px #292929;
-moz-box-shadow: 4px 4px 6px #292929;
box-shadow: 4px 4px 6px #292929;
}
Кстати, файл этот написал один из американских программистов специально для IE. Однако, вы можете сильно огорчиться, когда увидите, что файл-то не работает в IE.
Поэтому делаем еще один финт
А здесь скрытый текст. Нужно быть зарегистрированным и иметь 1 сообщений.
И наслаждаемся. Но иногда может быть другой подводный камень: для работы PIE.htc требуется корректный content-type заголовок. Файл .htc должен передаваться с заголовком text/x-component. Как правило, для решения проблемы хватает правок настроек сервера. Если же финт не прокатывает, то в файле .htaccess необходимо добавить (или снять коммент) строку
AddType text/x-component .htc. Но если у вас нормальный хостер, то делать этого не придется. Удачи!