Zauważyłem, że Firefox (44.0.2) renderuje CSS-box-shadow bardzo słabo/lekko.Cień Firefoksa znacznie jaśniejszy w najnowszej wersji
Jeśli porównać różnicę między przeglądarką Chrome i Firefox, w przeglądarce Firefox wygląda o wiele jaśniej. https://jsfiddle.net/8db8zr6q/
Zastanawiam się, czy ktoś napotkał ten problem wcześniej i czy jest coś, co można zrobić, aby rozwiązać ten problem?
Aktualny kod:
.shadow {
height: 400px;
-webkit-box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1);
-moz-box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1);
box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1);
}
Obraz wydania:
Wygląda na to, że Firefox (nieprawidłowo) przycina wstawiony cień w oparciu o jego wymiary. Promień rozprzestrzeniania się również wydaje się wyłączony. – BoltClock
@BoltClock czy możesz potwierdzić, że mówisz o firefoxie z definicją W3C? https://www.w3.org/TR/2010/WD-css3-background-20100612/box-shadow.src.html Wydaje mi się, że zachowanie firefoxa jest bardzo niesprawiedliwe, gdy większość razy jest to chrome, którego Google chce zamiast tego standardowe zalecenia. Dziękuję Ci. –
@Marcos Pérez Gude: Z https://www.w3.org/TR/css3-background/#shadow-shape (nie wiesz, dlaczego łączysz się ze starszą wersją roboczą): "Wewnętrzny box-shadow rzuca cień jakby wszystko poza krawędzią wyścielającą było nieprzejrzyste. " Oznacza to, że nie powinno występować żadne obcinanie ("nokaut"). W tym przykładzie oznacza to, że nie powinno być drugiego gradientu w pobliżu dolnej krawędzi pola, jak pokazano w Firefoksie - powinien być czarny, jak pokazano w Chrome. – BoltClock