Изображение с закругленной границей на сафари

У меня есть проблемы с закругленными углами и изображениями на сафари. Он отлично работает в хроме. Пожалуйста, обратите внимание на эту jsfiddle, объясняя мою проблему:Изображение с закругленной границей на сафари

http://jsfiddle.net/2cTPw/1/

Почему это происходит? Что мне не хватает? Я попытался найти ответы, но все, что я могу найти, это люди, имеющие похожие проблемы, но ничего не решает мою проблему. :/

источник

2012-02-20 Calle Erlandsson

Это потому, что граница не учитывается в сафари. Попробуйте что-то вроде этого:

http://jsfiddle.net/2cTPw/4/

источник

2012-02-20 13:58:27 Lee

Не красиво во всех разметках, но это сработало как шарм! :) Я думаю, что это единственный способ решить эту проблему! Спасибо! –

Работал для меня тоже! Спасибо Ли. –

Это известная проблема в Safari. Способ работать вокруг него, чтобы установить изображение в виде фона DIV:

<div id="box" style="background-image:url(http://www.omnidev.se/images/uploads/omnidev_media.png)" /> 
</div>

Смотрите эту вилку: http://jsfiddle.net/qHG7z/

источник

2012-02-20 13:54:55

То хорошее решение, но так как я использую JavaScript, чтобы изменить размер и положение изображения после загрузки этот подход будет очень сложным. Но спасибо! –

Изображение с закругленной границей на сафари

ответ

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