У меня есть следующий тень с тенями на моем сайте. Он отлично смотрится в Chrome, но Firefox и IE не воссоздают эффект, который я ищу. Я хочу, чтобы белая тень была только на нижней части коробки. Как сделать эту работу для всех браузеров?Как создать белую рамку с тенью для CSS
box-shadow: 0px 10px -14px 14px #FFF;
-webkit-box-shadow: 0px 10px -14px 14px #FFF;
-moz-box-shadow: 0px 10px -14px 14px rgb(255, 255, 255);
Используйте этот article или этот код:
-moz-box-shadow: 13px 13px 0px 0px #FFFFFF;
-webkit-box-shadow: 13px 13px 0px 0px #FFFFFF;
box-shadow: 13px 13px 0px 0px #FFFFFF;
Я получил это работает в IE9 и FF, просто удалив префикс строки поставщика. Все, что вам нужно нужно:
box-shadow: 0px 10px -14px 14px #FFF;
У вас есть отрицательное значение для размера тени:
box-shadow: 0px 10px -14px 14px #FFF;
Отрицательная 14px тень не будет ничего, как это было бы меньше, чем имеющий размер 0 . Если вы ищете inset тени, просто добавить, что к стилю:
box-shadow: inset...
Solution, изменение -14px к 14px.