Potrzebuję użyć pełnowymiarowego obrazu jako tła i potrzebuję tego obrazu, aby mieć filtr jasności.Filtr jasności Crossbrowser na img przy użyciu css
W tej chwili działa tylko na Chrome
i Firefox
, ostatnim przy użyciu svg.
To jest to, co mam:
img.fullscreenIMG
{
display:block;
position:absolute;
z-index:1;
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright30'><feComponentTransfer><feFuncR type='linear' slope='0.30'/><feFuncG type='linear' slope='0.30' /><feFuncB type='linear' slope='0.30' /></feComponentTransfer></filter></svg>#bright30");
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
-moz-filter: brightness(0.6);
-o-filter: brightness(0.6);
-ms-filter: brightness(0.6);
}
Safari 5.1.7 dla Windows
nie działa z tym, ani Internet Explorer 11.
Czego mi brakuje? Czy możesz polecić mi inny sposób osiągnięcia tego samego?
Dzięki
Ani Safari 5.x ani wsparcie IE11 'filter' patrz: http://caniuse.com/css-filters – Dai
Jeśli ponowić img jako w inline SVG i SVG przejść całą drogę to zadziała w IE10. (Safari/Windows jest martwym produktem, zatrzymał się w wersji 5) –