Баг в IE в css-свойстве background - «Верстка»
Edge для Android получит расширения с ПК-версии браузера - «Новости мира Интернет»
Edge для Android получит расширения с ПК-версии браузера - «Новости мира Интернет»
Reebok выпустила умное кольцо Smart Ring - «Новости мира Интернет»
Reebok выпустила умное кольцо Smart Ring - «Новости мира Интернет»
Paint научился менять стиль изображений с помощью ИИ - «Новости мира Интернет»
Paint научился менять стиль изображений с помощью ИИ - «Новости мира Интернет»
В 2ГИС добавили Линзы – персонализированные карты под разные задачи - «Новости мира Интернет»
В 2ГИС добавили Линзы – персонализированные карты под разные задачи - «Новости мира Интернет»
Выяснилось, что стоит за повышением цен, закрытием студий и отменой игр Xbox - «Новости сети»
Выяснилось, что стоит за повышением цен, закрытием студий и отменой игр Xbox - «Новости сети»
Mercedes-Benz построила самый мощный в мире 13-килограммовый электродвигатель - «Новости сети»
Mercedes-Benz построила самый мощный в мире 13-килограммовый электродвигатель - «Новости сети»
Nike разработала первую в мире обувь с электроприводом для повседневной ходьбы - «Новости сети»
Nike разработала первую в мире обувь с электроприводом для повседневной ходьбы - «Новости сети»
Razer выпустила геймпад Raiju V3 Pro — альтернатива DualSense Edge для PS5 и ПК с магнитными стиками и ценой $220 - «Новости сети»
Razer выпустила геймпад Raiju V3 Pro — альтернатива DualSense Edge для PS5 и ПК с магнитными стиками и ценой $220 - «Новости сети»
В Китае выпустили человекообразного робота Bumi по цене iPhone 17 Pro Max - «Новости сети»
В Китае выпустили человекообразного робота Bumi по цене iPhone 17 Pro Max - «Новости сети»
Сбер представил медиацентр SberBox Max с функцией улучшения изображения - «Новости мира Интернет»
Сбер представил медиацентр SberBox Max с функцией улучшения изображения - «Новости мира Интернет»
Новости мира Интернет » Самоучитель CSS » Вёрстка » Баг в IE в css-свойстве background - «Верстка»


Использование свойства RGBa становится всё более популярным. Работает это свойство, конечно, не во всех браузерах, но есть
отличный способ сделать альтернативный сплошной цвет, объявив его перед значением RGBa.


div {
background: rgb(200, 54, 54); /* для старых браузеров */
background: rgba(200, 54, 54, 0.5);


Приведённый пример отлично работает, однако выяснилась одна интересная ошибка, которая появляется в IE6 и 7 (исправлена в IE8).


Смысл в том, что приведённый пример работает только если вы используете сокращённую запись свойства. Если же вы объявите цвет
следующим образом:


div {
background-color: rgb(255,0,0);
background-color: rgba(255,0,0,0.5);


То есть опишете только свойство background-color, то IE вовсе не покажет фон.




Есть два способа не наткнуться на эту проблему. Во-первых использовать сокращённую запись, а во-вторых, не использовать
функцию RGB (использование которой очень удобно и наглядно), а вместо неё писать цвет в шестнадцатеричном формате.

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Использование свойства RGBa становится всё более популярным. Работает это свойство, конечно, не во всех браузерах, но есть отличный способ сделать альтернативный сплошной цвет, объявив его перед значением RGBa. Приведённый пример отлично работает, однако выяснилась одна интересная ошибка, которая появляется в IE6 и 7 (исправлена в IE8). Смысл в том, что приведённый пример работает только если вы используете сокращённую запись свойства. Если же вы объявите цвет следующим образом: То есть опишете только свойство background-color, то IE вовсе не покажет фон. Есть два способа не наткнуться на эту проблему. Во-первых использовать сокращённую запись, а во-вторых, не использовать функцию RGB (использование которой очень удобно и наглядно), а вместо неё писать цвет в шестнадцатеричном формате.

0

Смотрите также

А что там на главной? )))



Комментарии )))