Тень окна Firefox намного светлее в последней сборке

Я обнаружил, что Firefox (44.0.2) делает CSS-тени очень слабыми/светлыми.

Если вы сравните разницу между 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);
}

Изображение выпуска:

введите здесь описание изображения


html css firefox box-shadow
person user1788364    schedule 24.02.2016    source источник
comment
Кажется, что Firefox (неправильно) обрезает вложенную тень в зависимости от размеров поля. Радиус распространения также кажется неправильным.   -  person BoltClock    schedule 24.02.2016
comment
@BoltClock, можете ли вы проверить, что вы говорите о Firefox с определением W3C? w3.org/TR/2010/ WD-css3-background-20100612/box-shadow.src.html Я думаю, что поведение firefox очень несправедливо, когда в большинстве случаев хром делает то, что Google хочет вместо стандартных рекомендаций. Спасибо.   -  person Marcos Pérez Gude    schedule 24.02.2016
comment
@Marcos Pérez Gude: From w3.org/TR/css3-background/# shadow-shape (не уверен, почему вы ссылаетесь на более старый черновик): внутренняя box-shadow отбрасывает тень, как если бы все, что находится за пределами края отступа, было непрозрачным. Это означает, что не должно происходить никакого отсечения (нокаута). В этом примере это означает, что у нижнего края поля не должно быть второго градиента, как показано в Firefox — он должен быть сплошным черным, как показано в Chrome.   -  person BoltClock    schedule 24.02.2016
comment
Теперь ясно. В этом случае вы правы. Спасибо!!!   -  person Marcos Pérez Gude    schedule 24.02.2016
comment
Похоже, проблема связана со свойством inset. Если я уберу вставку, тень станет темнее. Хотя мне это не очень помогает, так как мне нужно значение вставки! Я также должен сказать, что он отлично работает в IE и других версиях Firefox. Предыдущая версия, в которой я работал (43.0.1), прекрасно отображала box-shadow.   -  person user1788364    schedule 24.02.2016
comment
Я использую FF 47 и могу убедиться, что проблем нет, и рендеринг соответствует Chrome. Вероятно, это был баг. i.imgur.com/6gxWDko.jpg   -  person Daniel Cheung    schedule 24.02.2016
comment
немного хакерский, но может быть обходным путем для вас: jsfiddle.net/8db8zr6q/5. Я думаю, что ошибка связана с использованием отрицательного радиуса распространения со вставкой   -  person Pete    schedule 24.02.2016
comment
Я видел эту проблему только в Firefox 44. Предыдущие версии Firefox работают нормально.   -  person Nasser G.    schedule 24.02.2016
comment
Firefox 45.0.1 по сравнению с Chrome 49.0.2623.87 кажутся почти идентичными. Определенно не светлее в Firefox, как ваш скриншот. Тень Firefox, кажется, имеет большее размытие (мягкость) теней. Но что касается темноты, они кажутся одинаковыми.   -  person Garconis    schedule 19.03.2016

Ответы (1)


arrow_upward
0
arrow_downward

У меня была эта проблема, и после долгих исследований я не нашел прямого ответа, поэтому обходной путь взлома заключался в том, чтобы нацелить префикс -moz-box-shadow, играя со значениями, пока я не получил оттенок, который я хотел, при разработке веб-сайтов, которые я нашел Firefox делает некоторые вещи иначе, чем вы намеревались.

person Ryan Wire    schedule 26.03.2016
comment
Не могли бы вы быть немного более конкретным? Ваш ответ больше похож на комментарий. - person Wai Ha Lee; 26.03.2016