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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
 11 Aloof 2752 Сегодня, 12:48
автор: diviner99
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
 54 arendator 34786 Вчера, 15:16
автор: arendator
Горячая тема (нет новых ответов) ⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!
 83 AdsPower 24383 14.4.2024, 22:52
автор: AdsPower
Горячая тема (нет новых ответов) Настройки лент для wpgrabber
Настрою ленты любой сложности плагина WPGrabber для WordPress
 42 zkalinin 30534 11.4.2024, 23:33
автор: zkalinin
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСовременный сервис для быстрого и безопасного обмена валют.
 14 CryptoTims 4726 11.4.2024, 15:29
автор: CryptoTims


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 16.4.2024, 18:19

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet