Лечим IE 7

— Привет, меня зовут Максим Покровский. Вы находитесь в моем рабочем кабинете. Поскольку я фрилансер, будем считать, что именно так он и выглядит. Здесь я пишу много интересных вещей, и если вы почувствовали, что я именно тот человек, который вам нужен, то я всегда открыт для контакта.

Сейчас работаю над:

Разработка одного стартапа

Текущий статус - разработка дизайн.
Много всего для popsop.com

Заказать мне работу

07.09

Комментарии (2) CSS

C появлением Висты, а точнее с появление в Висте IE7 разработчикам приходится обходить глюки не только в IE6, но и в семерке. Хотя IE7 развит больше чем его предшественник, но все же приходиться лечить и его. Итак, вот хаки которые понимает только IE7

По степени здравомыслия:

1. Условные комментарии

2. Инлайновые хаки.

Что это такое? Это использование хака для конкрентого свойства. Суть его заключается в том, чтобы добавить перед свойством дополнительный символ. Такой, чтобы нормальные браузеры его игнорировали, а линейка IE понимала. Пост flack`a послужил стартовым пинком для эксперимента. Выяснилось, что символ может быть практически любым, кроме “_” (по поводу этого у меня крутится оч. много нецензурных слов в адрес разработчиков)

#test{
	width:200px;
	height:200px;
	background:red;
	@background:green;
	}

#test{
	width:200px;
	height:200px;
	background:red;
	@background:green;
	}

#test{
	width:200px;
	height:200px;
	background:red;
	#background:green;
	}

#test{
	width:200px;
	height:200px;
	background:red;
	$background:green;
	}

#test{
	width:200px;
	height:200px;
	background:red;
	^background:green;
	}

#test{
	width:200px;
	height:200px;
	background:red;
	)background:green;
	}

и так далее…

*:first-child+html

Если инлайн хаки позволяют выполнять свойство как IE6, так и IE7, то данный трюк выполняет только семерка.

*:first-child+html #test{
	background:green;
	}

Метки:CSS, HTML

1
Vladimir (16.03.2008) #
*:first-child html

Один маленький нюанс (может, пригодится): как оказалось, IE8 тоже понимает этот хак Я пока не нашел хака, работающего в IE7, но не работающего в IE8. Так что, видимо, здесь помогут только условные комментарии…

Upd: *:first-child /**/html понимает только восьмёрка, но не семёрка.
2
Vladimir (16.03.2008) #
WordPress зачем-то убрал “плюс” после first-child (что в первом, что во втором случае).

Оставить комментарий

Имя (обязательно)

E-mail (не публикуется) (обязательно)

Сайт

Вы можете использовать простые теги форматирования HTML (вроде <a>, <ul> and others). Чтобы вставить пример код, используйте
<code lang="php">$a = "hello";</code> (поддерживаемые языки: ruby, php, yaml, html, css, csharp, javascript). Также Вы можете использовать <code>$a = "hello";</code>, синтаксис не будет подсвечен. Если вы не хотите использовать тег <code>, замените символ < на <

. Агенство рекламы. Поисковая оптимизация! Размещение рекламы.