Comments 24
Круто. Только белый пиксель посреди страницы смущает. Не лучше ли top:0; left: 0;?
возможно это поможет в accessibility для контрастого восприятия
В Опере (11.10) текст не инвертировался. Т.е. получился чёрный текст на почти чёрном фоне
Отлично :)
Отличная закладка «Ночной режим».
За статью — спасибо, интересный подход.
За статью — спасибо, интересный подход.
А в лисе мы такое вероятно не увидим никогда: bug 359497 — Resolved WONTFIX
А теперь главный вопрос — зачем?
Чтобы не писать большой стиль для сайта, если хочется изменить ему оформление — меня вот например адски бесят белые сайты (привет, храбрабрабр) и я пишу стили, заменя белый фон с чёрным текстом на чёрный фон с белым текстом, т.к. это для глаз менее напряжно (и с точки зрения медицины и с точки зрения моего личного опыта).
here comes the night.css
>К тому же это даже не CSS3, а чистый CSS 2.1.
>Замечание: эта возможность будет работать только в Opera и IE9+, т.к. в настоящий момент только они поддерживают ключевое слово «invert» для цвета контура.
Кто там врал, что Firefox и Chrome полностью поддерживают CSS? Не стыдно вам?
>Замечание: эта возможность будет работать только в Opera и IE9+, т.к. в настоящий момент только они поддерживают ключевое слово «invert» для цвета контура.
Кто там врал, что Firefox и Chrome полностью поддерживают CSS? Не стыдно вам?
В спецификации этой функции её поддержка браузера описана не как императив, а как опция — для браузеров передающих заголовок, что они умеют делать outline-color: invert. Для тех браузеров, которые такое заголовок не передают — по-умолчанию используется цвет фона элемента. Именно из-за этого в лисе этот баг WONTFIX, что лично меня очень расстроило, но формально — они нормально соответствуют стандарту w3c по поводу CSS.
Если бы более точным, то в спецификации написано, что
то есть, что данное значение может игнорироваться не потому, что браузер не поддерживает, а на платформах, которые не поддерживают инвертирование пикселей на экране.
Conformant UAs may ignore the 'invert' value on platforms that do not support color inversion of the pixels on the screen.
то есть, что данное значение может игнорироваться не потому, что браузер не поддерживает, а на платформах, которые не поддерживают инвертирование пикселей на экране.
>Именно из-за этого в лисе этот баг WONTFIX, что лично меня очень расстроило, но формально — они нормально соответствуют стандарту w3c
Угу. Точно так же они они одним единственным тупым багом убили весь XSLT на клиенте. Если бы не распространившийся, как чума, FF, мы уже давно жили при коммунизме data-driven web.
Угу. Точно так же они они одним единственным тупым багом убили весь XSLT на клиенте. Если бы не распространившийся, как чума, FF, мы уже давно жили при коммунизме data-driven web.
я идиот убейте меня кто-нибудь!!1
К вопросу "зачем"
Я читаю хабр в основном через RSS на коммуникаторе. В ридере выбрал темный фон. Так вот, знали бы вы, как я страдаю, читая исходные коды (которые отформатированы). Черное на черном. А трюк, описанный в топике, решает эту проблему. Осталось только понять как этот трюк использовать. Понятно, что ридер рендерит статью в браузере.
Я читаю хабр в основном через RSS на коммуникаторе. В ридере выбрал темный фон. Так вот, знали бы вы, как я страдаю, читая исходные коды (которые отформатированы). Черное на черном. А трюк, описанный в топике, решает эту проблему. Осталось только понять как этот трюк использовать. Понятно, что ридер рендерит статью в браузере.
Sign up to leave a comment.
Инвертирование страницы только средствами CSS