Емуляція псевдо-селектора: nth-child () в IE7 та IE8
неодноразово при верстці сайтів мені доводилося стикатися з ситуацією, коли рядки в таблиці або пункти вертикального списку необхідно було оформити зеброю. Тобто один рядок, наприклад , з білим тлом , друга з сірим , третя знову з білим і так далі.
При цьому часто немає можливості змінити html -код ( наприклад , при використанні віджетів WordPress) , щоб кожному четному або непарному елементу додати CSS- клас, через який і міняти оформлення .
Виходу в такому випадку тільки два: використовувати або JavaScript , або CSS.
Особисто для мене використання JavaScript в якості вирішення даної задачі не бажано. У CSS ж є спеціальне властивість: nth - child () , за допомогою якого можна зробити оформлення зеброю, однак при цьому існує заковика - з даними властивістю не знайомі версії Internet Explorer нижче 9 -й, а 8- ю і 7- ю версію поки ще потрібно враховувати при верстці.
Рішення завдання знайшлося , хоч воно, на жаль, і не панацея. Читати далі »
Опубліковано: 10/10/11 @ 10:17
Розділ Різне
Рекомендуємо:
Емуляція псевдо-селектора: nth-child () в IE7 та IE8
Курс молодого бійця за версією Luxoft
Курс молодого бійця за версією Luxoft
27-й випуск подкасту «Відверто про IT кар'єризм». Бесіда з керуючим директором стартап-інкубатора
27-й випуск подкасту «Відверто про IT кар'єризм». Бесіда з керуючим директором стартап-інкубатора