2016-02-24 28 views
6

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:

enter image description here

+0

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

+0

@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. –

+0

@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

Odpowiedz

0

miałem ten problem i po długich badaniach nie znalazłem jednoznacznej odpowiedzi, więc stosuje się obejść siekać było kierować prefiks -moz-box-shadow, bawiąc się wartościami, dopóki nie uzyskałem pożądanego przeze mnie odcienia, podczas opracowywania stron internetowych znalazłem, że firefox renderuje pewne rzeczy inaczej niż to, co zamierzasz

+0

Czy mógłbyś być bardziej konkretny? Twoja odpowiedź jest bardziej jak komentarz, jak to jest. –