Баг в IE в css-свойстве background - «Верстка»
Google добавила в Gemini поддержку аудиофайлов - «Новости мира Интернет»
Google добавила в Gemini поддержку аудиофайлов - «Новости мира Интернет»
График в мониторинге поисковых запросов: анализируйте данные эффективнее — «Блог для вебмастеров»
График в мониторинге поисковых запросов: анализируйте данные эффективнее — «Блог для вебмастеров»
Что нового Samsung показал на Galaxy Event - «Новости мира Интернет»
Что нового Samsung показал на Galaxy Event - «Новости мира Интернет»
DuRoBo представили ИИ-блокнот Krono с функциями читалки и плеера - «Новости мира Интернет»
DuRoBo представили ИИ-блокнот Krono с функциями читалки и плеера - «Новости мира Интернет»
Intel обновила функцию APO для повышения FPS в играх — увеличение производительности и поддержка новых игр - «Новости сети»
Intel обновила функцию APO для повышения FPS в играх — увеличение производительности и поддержка новых игр - «Новости сети»
Трудности перевода: китайские игроки обрушили рейтинг Hollow Knight: Silksong в Steam из-за плохой локализации - «Новости сети»
Трудности перевода: китайские игроки обрушили рейтинг Hollow Knight: Silksong в Steam из-за плохой локализации - «Новости сети»
Тяговые батареи CATL Shenxing Pro обеспечат ресурс до 1 млн км пробега - «Новости сети»
Тяговые батареи CATL Shenxing Pro обеспечат ресурс до 1 млн км пробега - «Новости сети»
Ёмкость аккумуляторов всех версий iPhone 17 раскрыта до анонса - «Новости сети»
Ёмкость аккумуляторов всех версий iPhone 17 раскрыта до анонса - «Новости сети»
К сбоям в работе SSD приводит бета-версия прошивки контроллеров Phison, а не обновление Windows 11 - «Новости сети»
К сбоям в работе SSD приводит бета-версия прошивки контроллеров Phison, а не обновление Windows 11 - «Новости сети»
OpenAI после критики GPT-5 реорганизовала команду, отвечающую за поведение ИИ - «Новости сети»
OpenAI после критики GPT-5 реорганизовала команду, отвечающую за поведение ИИ - «Новости сети»
Новости мира Интернет » Самоучитель 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

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

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



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