Баг стилизации noscript-тега в Internet Explorer 8

Содержимое тега отображается, когда в настройках браузера выключена поддержка javascript. Сейчас по умолчанию данная поддержка включена во всех браузерах. С выходом Internet Explorer 8 обнаружился пренеприятный баг.

Чтобы как-то разнообразить отображение данного тега зададим для него фон и рамку:

CSS:

noscript {
    border: 10px solid #000;
    background: #000;
    font: bold 12px/13px Tahoma;
    color: #f00;
    text-transfrom: uppercase;
}

При отключенных скриптах вы должны увидеть примерно следующее:

noscript

Теперь, если добавить после тега немного текста и сделать обтекание для noscript по левому краю, то в Internet Explorer 8 при отключеных скриптах вы увидите этот баг:

noscript-bug

Этот баг проявляется по разному. Если сделать тег noscript блочным элементом, он будет отображаться всегда, правда содержимого в нём не будет, если инлайновым в «режиме совместимости», то баг пропадёт.

А ведь претендуют на звание лучшего браузера, следующего стандартам ツ .

Источник: https://www.kobzarev.com/browser/ie8-styled-noscript-bug/

Михаил Кобзарёв

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: