Помощник
|
Хаки для браузеров |
QuickSite
|
Сообщение
#1
|
||
|
|
||
|
|||
QuickSite
|
Сообщение
#2
|
|
очень жаль, что ответ на этот вопрос так и не найден... (((
|
|
|
Exterior |
22.2.2008, 0:20;
Ответить: Exterior
Сообщение
#3
|
|
QuickSite, есть разные способы добиться определенного отображения элементов для разных версий IE.
1-й способ) Использовать условные комментарии (Conditional comments) при линковании таблиц стилей между <head></head>. Пример: <head> <!-- Основная таблица стилей --> <link href="main.css" rel="stylesheet" type="text/css"> <!-- end --> <!-- Для всех версий IE --> <!--[if IE]><link href="ie.css" rel="stylesheet" type="text/css"><![endif]--> <!-- end --> <!-- Для IE 7 --> <!--[if IE 7]><link href="ie7.css" rel="stylesheet" type="text/css"><![endif]--> <!-- end --> <!-- Для 6.0, 5.5, 5.01 --> <!--[if lte IE 6]><link href="ie6.css" rel="stylesheet" type="text/css"><![endif]--> <!-- end --> </head> 2-й способ) это использование хаков. В отличие от условных комментариев, хаки не обязательно разносить по отдельным файлам. Пример: CSS: p.text1 { backgroung: #0099CC; //background: #00FF99; _background: #0099CC; \\background: #FFCC99; } HTML: <p class="text1">Цвет фона данного абзаца будет закрашен в зависимости от версии IE</p> первое свойство увидят все браузеры; второе - проигнорируют все браузеры кроме IE 7.0 и меньше; третье - проигнорируют все браузеры кроме IE 6.0 и меньше; четвертое - проигнорируют все браузеры кроме IE 5.0 и IE 5.5 а это свойство CSS: *:first-child+html p.text1 { background: #CC66CC; } воспримит только IE 7 3 способ) это использование JavaScript`ов для определения типа и версии браузера, и, исходя из полученных данных, загружать определенный стиль. |
|
|
QuickSite
|
Сообщение
#4
|
|
Exterior, спасибо, обязательно воспользуюсь каким-либо из перечисленных методов.
|
|
|
QuickSite
|
Сообщение
#5
|
|
как прописать правило в Css файле, чтобы оно воспринималось только оперой?
|
|
|
QuickSite
|
Сообщение
#6
|
|
Ответ на вопрос найден. Прошу прощения за беспокойство. Если кому интересно, то:
CSS-хаки для браузера Opera:
CSS-хаки для браузера FireFox:
|
|
|
Slash_hb |
15.5.2008, 12:36;
Ответить: Slash_hb
Сообщение
#7
|
|
Напишите, пожалуйста, конкретно, что и где прописать, чтобы заставить такое:
"произвольный_тег" :hover{} работать в IE6!!!
|
|
|
QuickSite
|
Сообщение
#8
|
|
Slash, вообще, чтобы CSS-правило воспринималось только IE6 и ниже, надо написать так:
произвольный тег :hover { _произвольное свойство:произвольное значение } Тут вся магия в символе подчёркивания перед свойством. |
|
|
m1kola |
29.5.2008, 20:48;
Ответить: m1kola
Сообщение
#9
|
|
Slash, вообще, чтобы CSS-правило воспринималось только IE6 и ниже, надо написать так: произвольный тег :hover { _произвольное свойство:произвольное значение } Тут вся магия в символе подчёркивания перед свойством. Чиловек имел ввиду скорее всего немного другое... Но выразить понятно свою мысль не смог. Дело в том, что IE6 и ниже не воспринимают псевдокласс :hover не для каких элементов кроме ссылок. Тоесть a:hover и капес. В то время как другие браузеры (в том числе и IE7) работают нормально и с другими элементами. |
|
|
hostingpad |
3.6.2008, 14:16;
Ответить: hostingpad
Сообщение
#10
|
|
m1kola, проблема решается джаваскриптом. На сайте лебедева можно найти пример.
Да, кстати, уже достаточно долго существует проект называется_не_помню_как, который разрабатывает джаваскрипт (и последние версии очень даже удачны), заставляющий все браузеры ie обрабатывать код так, как если бы его обрабатывал ie7. Конечно, эстеты будут против, но, согласитесь, бывают случаи, когда проблемы совместимости необходимо решать любой кровью. |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
SiteAnalyzer - бесплатная программа для аудита и анализа сайта | 79 | Chaser | 74319 | Сегодня, 1:02 автор: Chaser |
|
Посоветуйте массажер для спины и шеи | 11 | Boymaster | 934 | Вчера, 18:24 автор: Arsenwenger |
|
⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами! | 84 | AdsPower | 24599 | Вчера, 16:35 автор: AdsPower |
|
Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат | 55 | arendator | 35109 | Вчера, 2:12 автор: arendator |
|
Rebex.io – Ваша инновационная платформа для обмена криптовалюты! | 3 | Rebex | 975 | 24.4.2024, 20:50 автор: Rebex |
Текстовая версия | Сейчас: 26.4.2024, 2:06 |