Емуляція псевдо - селектора : nth - child () в IE7 і IE8

неодноразово при верстці сайтів мені доводилося стикатися з ситуацією, коли рядка в таблиці або пункти вертикального списку необхідно було оформити зеброю . Тобто один рядок , наприклад , з білим фоном , друга з сірим , третя знову з білим і так далі.

При цьому часто немає можливості змінити html -код ( наприклад , при використанні віджетів WordPress ), щоб кожному четному або непарному елементу додати CSS- клас, через який і змінювати оформлення.

Виходу в такому випадку тільки два: використовувати або JavaScript , або CSS.

Особисто для мене використання JavaScript в якості вирішення даної задачі не бажано. У CSS ж є спеціальне властивість: nth - child () , за допомогою якого можна зробити оформлення зеброю , однак при цьому існує заковика - з даними властивістю не знайомі версії Internet Explorer нижче 9 -й, а 8- ю і 7- ю версію поки ще потрібно враховувати при верстці.

Рішення завдання знайшлося , хоч воно, на жаль , і не панацея. Читати далі »

Опубліковано: 10/10/11 @ 10:17
Розділ Різне

Рекомендуємо:

Секрети контекстної реклами в новій книзі « Контекстна реклама » від професіоналів- практиків
Статистика ключових слів на яндексе , підбір ключових слів і аналіз в Словоебе .
Як поміняти мінус на плюс, або Давайте зробимо це цікавим
Ciklum в Донецьку збирається зрости в 3 рази
Дайджест цікавих вакансій № 18