Я нахожу, что Firefox (44.0.2) визуализирует CSS-тень CSS очень слабый/светлый.Firefox shadow shadow намного легче в последней версии
Если вы сравниваете разницу между браузером Chrome и Firefox, он выглядит намного легче в Firefox. https://jsfiddle.net/8db8zr6q/
Мне было интересно, если кто-то сталкивался с этой проблемой раньше, и если есть что-то, что можно сделать, чтобы исправить проблему?
Текущий код:
.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);
}
Изображение выпуска:
Возможно, Firefox (неправильно) обрезает вставную тень на основе размеров окна. Радиус распространения также кажется выключенным. – BoltClock
@BoltClock вы можете проверить, что вы говорите об firefox с определением W3C? https://www.w3.org/TR/2010/WD-css3-background-20100612/box-shadow.src.html Я думаю, что существует очень несправедливость в отношении поведения Firefox, когда большинство раз хром делает, что Google хочет вместо этого стандартные рекомендации. Спасибо. –
@Marcos Pérez Gude: От https://www.w3.org/TR/css3-background/#shadow-shape (не уверен, почему вы ссылаетесь на более старый черновик): «Внутренняя тень отбрасывает тень как будто все, что находится за пределами прокладки, было непрозрачным ». Это означает, что никакое обрезание («нокаут») не должно происходить вообще. В этом примере это означает, что не должно быть второго градиента вблизи нижнего края окна, как показано в Firefox, - он должен быть сплошным черным, как показано в Chrome. – BoltClock