2015-04-19 5 views
0

Я делаю некоторые изменения в теме Wordpress, но Safari (как на Mac, так и на iOS), кажется, игнорирует некоторые из CSS, тогда как другие браузеры работают нормально.Safari, похоже, игнорирует CSS

Пример - это то, как он выглядит в Chrome и Safari: https://s3-eu-west-1.amazonaws.com/cystennin/chrome-safari.png

Это CSS я использовал, в частности, для изображений.

.homeleftside1 img { 
width: 70px; 
height: auto; 
margin-right: 15px; 
float: left; 
border-radius: 100%; 
} 

У меня есть тестовый сайт здесь, так что вы можете увидеть, что я имею в виду: ссылка удалена

Любые идеи, где я неправильно? Спасибо

ответ

0

Возможно ли, что Safari не поддерживает border-radius?
Попробуйте добавить -khtml-border-radius: 50%;, который должен работать ...

Похожий вопрос: Rounded cornes (border radius) Safari issue

+0

No. Safari поддерживает границы радиуса – Rob

0

Просто посмотрел в Safari и Chrome, но Safari даже не перечисляя стили, заданные в таблице стилей в список совпадающих стилей для вашего конкретного изображения. Однако Safari сообщает о нескольких ошибках в вашей таблице стилей: несколько несогласованных фигурных скобок и т. Д. Может быть, они отбрасывают WebKit? (Бы выложили в качестве комментария, но не хватает респ еще.)

Errors reported by Safari

+1

Привет, я заметил те, но не думаю, что они были связаны с , Тем не менее, я очистил их, за исключением шрифтов - awesome и bootstrap, которые, по-видимому, вызваны совместимостью с IE8. – Cystennin

+0

Safari просто не играет в мяч. Я использовал отладчик в Safari, чтобы применить некоторый стиль к другому div. Он работает в отладчике, но когда я редактирую CSS, он полностью игнорируется. https://s3-eu-west-1.amazonaws.com/cystennin/Screen+Shot+2015-04-19+at+20.30.05.png – Cystennin

+0

Хм, странно. Я думаю, что вы нашли ошибку в WebKit. Вы пытались установить стиль на другой узел? Т.е.: назначение одних и тех же элементов на странице, но обращение к ним по-другому. Например, замените '.homeleftside1' классом или идентификатором узла, который ближе к целевым элементам иерархии страниц. Даже если это не постоянное решение, все равно было бы полезно определить, является ли это проблемой для вашего кода или с помощью WebKit. – DriesOeyen

Смежные вопросы