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

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

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

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

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

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

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

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

Інтерв'ю - Ann Smarty , засновник сервісу гостьового блогінгу MyBlogGuest.ru
10 ефективних методів по просуванню в соціальних мережах
Огляд російської бази Пастухова (180- мільйонника )
15- го вересня до Києва прилітає Шон Маршал ( Sean Marshall )
Огляд російської бази Пастухова (180 -мільйонника )