Странность CSS box-shadow в Firefox

У меня возникает странная проблема при использовании box-shadow для применения отступов к левой и правой сторонам диапазона, содержимое которого обертывается внутри контейнера:

box-shadow:9px 0px 0px red, -9px 0px 0px red;

Он применяет левую тень только к первой строке, а правую тень только к последней строке.

http://jsfiddle.net/3zeL5ux8/2/ — это тестовый пример, который работает, как и ожидалось, в Chrome и различные версии IE (см. http://imgur.com/XhX1kco для идеального рендеринга), почему Firefox все портит вверх?


html css box-shadow
person Skynet    schedule 23.11.2015    source источник

Ответы (3)


arrow_upward
0
arrow_downward

можешь попробовать:

-moz-box-shadow:9px 0px 0px red, -9px 0px 0px red;

дайте мне знать вывод. Не могу отладить прямо сейчас.

Ваше здоровье

person alb tr    schedule 23.11.2015
comment
moz-box-shadow больше не поддерживается. - person Skynet; 23.11.2015

arrow_upward
0
arrow_downward

Вы должны использовать все разные свойства тени окна для всех браузеров, попробуйте следующий код: -

-moz-box-shadow: 9px 0px 0px red, -9px 0px 0px red; 
-webkit-box-shadow: 9px 0px 0px red, -9px 0px 0px red; 
box-shadow: 9px 0px 0px red, -9px 0px 0px red;
person Harsh Sanghani    schedule 23.11.2015

arrow_upward
0
arrow_downward

Ответ — свойство под названием box-decoration-break: clone;. Это приводит Firefox в соответствие с IE и Chrome...

person Skynet    schedule 23.11.2015