Safari не поддерживает box-shadow?

Question

В моем случае box-shadow в Sarari из Win7 в порядке.

Но в Mac не работает. Должен ли я использовать -webkit-box-shadow? Но почему box-shadow в окнах в порядке?

Answer 1

Safari поддерживает только нефиксированную версию box-shadow, начиная с версии 5.1 на рабочем столе; более старые версии поддерживают его только через расширение -webkit-box-shadow, как показано здесь: http://caniuse.com/css-boxshadow

Safari на вашем Mac может быть 5.0 или старше, в то время как Safari на вашем ПК с Windows не ниже версии 5.1, что объясняет поведение, которое вы видите.

Answer 2

box-shadow - это общее свойство CSS3.Но большинство браузеров с поддержкой CSS3 реализуют свои собственные атрибуты CSS3, такие как -webkit-box-shadow, -moz-box-shadow и т. Д. Последние версии Firefox, Chrome, Safari и Opera поддерживают общие свойства CSS3.Проверьте версию сафари, которую вы используете.Но для кроссбраузерной совместимости, также включите специфичные для поставщика свойства CSS3 для обеспечения единообразия во всех версиях браузеров.