-moz-border-radious не работает на изображениях в Firefox ... почему?(относится к css3) - PullRequest
0 голосов
/ 13 апреля 2011

-moz-border-radious не работает с элементом изображения (в html) в Firefox ... почему?(относится к css3)

Я тестирую способ решения этой проблемы, например, создаю контейнер для этого изображения и изменяю радиус контейнера / не помогу!

спасибо за внимание

С наилучшими пожеланиями

1 Ответ

0 голосов
/ 13 апреля 2011

Firefox 3 рассматривает изображения переднего плана как находящиеся перед границей.Это приводит к эффекту, который вы видите.Это не влияет на другие браузеры, включая Firefox 4.

Эта проблема подробно обсуждается в теме, указанной в комментариях как дубликат - Firefox -moz-border-radius won 't обрезать изображение?

Лучший способ обойти это - использовать фоновые изображения вместо изображений на переднем плане, где вы хотите иметь закругленные углы:

т.е.: <div style='background:url(myimage.jpg);' /> вместо <img src='myimage.jpg'>

Недостатком является то, что фоновые изображения не так гибки, как изображения на переднем плане - то есть их сложнее масштабировать и т. Д. Но это действительно решает проблему.

Другие варианты - придать изображению закругленные углы или просто проигнорировать его (поскольку оно влияет только на Firefox 3; зависит от того, как много ваших пользователей будет затронуто, и насколько оно повлияет на ваш дизайн).

...