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



 

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

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

4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
> Хаки для браузеров
QuickSite
QuickSite
Topic Starter сообщение 13.2.2008, 10:57; Ответить: QuickSite
Сообщение #1


пожалуйста, подскажите, возможно ли в стилевом файле прописать правило так, чтобы оно воспринималось только Ie7?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
QuickSite
QuickSite
Topic Starter сообщение 21.2.2008, 23:03; Ответить: QuickSite
Сообщение #2


очень жаль, что ответ на этот вопрос так и не найден... (((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
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
QuickSite
Topic Starter сообщение 25.2.2008, 20:09; Ответить: QuickSite
Сообщение #4


Exterior, спасибо, обязательно воспользуюсь каким-либо из перечисленных методов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
QuickSite
QuickSite
Topic Starter сообщение 23.3.2008, 12:37; Ответить: QuickSite
Сообщение #5


как прописать правило в Css файле, чтобы оно воспринималось только оперой?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
QuickSite
QuickSite
Topic Starter сообщение 23.3.2008, 13:18; Ответить: QuickSite
Сообщение #6


Ответ на вопрос найден. Прошу прощения за беспокойство. Если кому интересно, то:

CSS-хаки для браузера Opera:

  1. @media all and (min-width: 0)
  2. {
  3. .style { background: #FF0; }
  4. }


  1. html:first-child .style
  2. {
  3. background: #FF0;
  4. }
  5. /* код валидный */


CSS-хаки для браузера FireFox:

  1. html:root .style
  2. {
  3. background: #FA0;
  4. }
  5. /* хак понимает Safari */


  1. .style, x:-moz-any-link
  2. {
  3. background: #FA0;
  4. }
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Slash_hb
Slash_hb
сообщение 15.5.2008, 12:36; Ответить: Slash_hb
Сообщение #7


Напишите, пожалуйста, конкретно, что и где прописать, чтобы заставить такое:
"произвольный_тег" :hover{}
работать в IE6!!!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
QuickSite
QuickSite
Topic Starter сообщение 15.5.2008, 17:22; Ответить: QuickSite
Сообщение #8


Slash, вообще, чтобы CSS-правило воспринималось только IE6 и ниже, надо написать так:

произвольный тег :hover
{
_произвольное свойство:произвольное значение
}


Тут вся магия в символе подчёркивания перед свойством.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
m1kola
m1kola
сообщение 29.5.2008, 20:48; Ответить: m1kola
Сообщение #9


(QuickSite @ 15.5.2008, 20:22) *
Slash, вообще, чтобы CSS-правило воспринималось только IE6 и ниже, надо написать так:

произвольный тег :hover
{
_произвольное свойство:произвольное значение
}


Тут вся магия в символе подчёркивания перед свойством.


Чиловек имел ввиду скорее всего немного другое... Но выразить понятно свою мысль не смог.

Дело в том, что IE6 и ниже не воспринимают псевдокласс :hover не для каких элементов кроме ссылок.

Тоесть a:hover и капес. В то время как другие браузеры (в том числе и IE7) работают нормально и с другими элементами.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hostingpad
hostingpad
сообщение 3.6.2008, 14:16; Ответить: hostingpad
Сообщение #10


m1kola, проблема решается джаваскриптом. На сайте лебедева можно найти пример.
Да, кстати, уже достаточно долго существует проект называется_не_помню_как, который разрабатывает джаваскрипт (и последние версии очень даже удачны), заставляющий все браузеры ie обрабатывать код так, как если бы его обрабатывал ie7. Конечно, эстеты будут против, но, согласитесь, бывают случаи, когда проблемы совместимости необходимо решать любой кровью.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыAzinomoney.com - гемблинг-партнерка с 65%RS для каждого
Гарантированный заработок на гемблинг-трафике
65 AzinoMoney 29158 Вчера, 19:10
автор: AzinoMoney
Горячая тема (нет новых ответов) Делаю полностью уникальный дизайн для сайтов!
46 AlexDIZ 93431 26.3.2024, 20:03
автор: AlexDIZ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1116 26.3.2024, 14:13
автор: knezevolk
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
52 arendator 34115 26.3.2024, 4:43
автор: arendator
Открытая тема (нет новых ответов) Покупаем рекламу на ваших площадка для 2х интернет сервисов
Покупаем статьи для фотохостинга и мониторинга сайтов.
1 AndrePro 995 25.3.2024, 13:46
автор: Wilkinson


 



RSS Текстовая версия Сейчас: 28.3.2024, 13:28
Дизайн