Всем привет, расскажу, как задолбался я с ишаком и что можно с этим сделать. Недавно делал проект, который использует закругленные уголки и прозрачные png-ки. И вот ударился Апстену, IE6-IE7 это такой гемор!!!!
Обо всем по порядку.
Сначала думал изменить сам принцип вывода модулей, т.е. подложить картинки с закруглениями, еще есть пару вариантов, но есть способ лучше:))) Все умные браузеры уже давно придумали способ как сделать закругления, но не ИЕ.
И вот что придумали добрые люди для ИЕ начиная с 6 версии
в стилях как обычно для закругления прописываем 4 строчки которые я поставил сверху и вот эти две строчки
предварительно загрузив в корень или еще куда (тогда url надо точно прописать) вот этот файл border-radius.htc
теперь
Прозрачные PNG-ки для и ИЕ это не что иное как картинка с черным баграундом, т.е. там где должен быть прозрачный участок там чернота. Делюсь решением, которое поможет использовать в дизайне эти самые png-ки.
Качаем библиотеку juery.pngFix.js кладем туда где лежат все квери библиотеки /includes/jquery/
подключаем ее между тегами <head> и </head> в template.php
И ВСЕ!!! теперь даже ИЕ может закруглять углы и показывать правильно прозрачности.
Обо всем по порядку.
Закругления
[/b]Сначала думал изменить сам принцип вывода модулей, т.е. подложить картинки с закруглениями, еще есть пару вариантов, но есть способ лучше:))) Все умные браузеры уже давно придумали способ как сделать закругления, но не ИЕ.
border-radius: 12px; /*(CHROM ИЕ9!!!!)*/ -moz-border-radius: 12px; /*(Firefox)*/ -webkit-border-radius: 12px; /*(CHROM)*/ -o-border-radius: 12px; /*(Opera)*/
в стилях как обычно для закругления прописываем 4 строчки которые я поставил сверху и вот эти две строчки
-khtml-border-radius: 12px; behavior: url("/border-radius.htc");
теперь
прозрачность
[/b]Прозрачные PNG-ки для и ИЕ это не что иное как картинка с черным баграундом, т.е. там где должен быть прозрачный участок там чернота. Делюсь решением, которое поможет использовать в дизайне эти самые png-ки.
Качаем библиотеку juery.pngFix.js кладем туда где лежат все квери библиотеки /includes/jquery/
подключаем ее между тегами <head> и </head> в template.php
<script type="text/javascript" src="/includes/jquery/jquery.pngFix.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).pngFix(); }); </script>
Реклама #
Keep 13 лет назад #
googlebot 13 лет назад #
Alexneva 13 лет назад #
googlebot 13 лет назад #
iParovoz 13 лет назад #
rim89 13 лет назад #
Alexneva 13 лет назад #
Keep 13 лет назад #
Imran 13 лет назад #
обновите ссылки,
не могу скачать файл и библиотеку.
а так очень нужная вещь, как ни как ie тоже браузер и им пользуются.
iParovoz 13 лет назад #
Imran 13 лет назад #
теперь осталось сверстать один сайт по этому принципу
посмотрим как получиться.
13 лет назад #
border-radius: 12px; /*(CHROM ИЕ9!!!!)*/
-moz-border-radius: 12px; /*{Firefox}*/
-webkit-border-radius: 12px; /*{CHROM}*/
-o-border-radius: 12px; /*{Opera}*/
-khtml-border-radius: 12px;
behavior: url("/border-radius.htc");
iParovoz 13 лет назад #
Главное вот это файл border-radius.htc положите в корень. Если не выходит со style.css, то просто попробуйте для произвольного дива прописать стили и вставьте его в свой темплате после тега body например
<div style="
width:200px;height:200;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-o-border-radius: 12px;
-khtml-border-radius: 12px;
behavior: url("/border-radius.htc"); ">
</div>
на денвере у меня не работало, работает только когда на хосте
iParovoz 13 лет назад #
<div style="
width:200px;height:200px;
border:1px solid #ff0000;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-o-border-radius: 12px;
-khtml-border-radius: 12px;
behavior: url("/border-radius.htc"); ">
</div>
Роман 13 лет назад #
Александр I 13 лет назад #
Если сайт "не правильно" отображается в IE ниже 8 версии - это проблема юзера-лентяя, который не может/не хочет/ленится/не имеет возможности обновить версию своего говно-браузера. Пусть лучше он потратит 5 мин. СВОЕГО времени на обновление, чем армия web-строителей тратит СВОЁ время на извращения.
Призываю - НЕ ТРАТЬТЕ СВОЁ ДРАГОЦЕННОЕ ВРЕМЯ на юзеров-лентяев!
iParovoz 13 лет назад #
Александр I 13 лет назад #
Если эти "тётки и дядьки" будут на каждом сайте видеть "заглушку" типа
"Ваш браузер устарел!
Вы пользуетесь говном!
СРОЧНО! Обратитесь к вашему системному администратору для устранения опасного программного обеспечения!!!",
очень быстро сисадмины получать звездюлей и обновят ПО.
lezginka.ru 13 лет назад #
Александр I 13 лет назад #
iParovoz 13 лет назад #
Александр I 13 лет назад #
Удачи вам в согласовании "проектов на несколько тыс $"!