Firefox: Как GreyScale целую страницу без разбивания элементов с фиксированным положением? ⇐ Html

[Anonymous]

Почему CSS фильтры (те, которые, кажется, не имеют ничего общего с размером/позиционированием) нарушают вашу способность давать потомки-элементы фиксированную позицию? />

Код: Выделить всё

#box
{
background: red; color: white;
display: inline-block;
border: solid #333333 10px;
padding: 5px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}< /code>



Before Filter Corrupts Fixed Positioning


Dead Center

< /code>
< /div>
< /div>
< /p>
Теперь, давайте предположим, что мы должны быть требованы, чтобы вся эта страница была отображена в сероме. Единственное эффективное изменение ниже - это добавление фильтра серого CSS. Однако, добавив этот фильтр, коробка больше не будет чтить позиционирование центральной страницы, которое мы прописали: < /p>




Подробнее здесь: [url]https://stackoverflow.com/questions/62717289/firefox-how-to-grayscale-an-entire-page-without-breaking-fixed-positioned-eleme[/url]