Firefox-moz-border-radius обрезка не отобразит?
Если уже использование JQuery http://docs.jquery.com/UI/Dialog просто в использовании и разрабатывает приятно.
4 ответа
Не кадрируется, если применить радиус границы непосредственно к элементу img ? Есть известных проблем с -moz-border-radius в отношении содержимого .
- edit
Хорошо, оно также не обрезается img . Если ваше изображение представляет собой своего рода png / gif на сплошном фоне, вы можете сделать что-то вроде этого:
img {
border: 10px solid white;
-moz-border-radius: 10px;
}
Но если вы пытаетесь получить закругленные углы на фотографии, то в 3.5 это не сработает.
Workaround: Set the image as the background of a container element, then add border radius on that element.
Решение: установите изображение в качестве фона элемента контейнера, затем добавьте радиус границы для этого {{1 }} элемент.
Это не сработает, если изображение не будет точно такого же размера, что и div. Если вы не используете новое свойство css в firefox 3.6, которое позволяет изменять размер фонового изображения, но вряд ли кто-то уже использует 3.6.
Я согласен с Алексом, если вы сделаете изображение размером с div / other elm.
Думаю, у меня есть ответ, но извините за свой английский ... Я решил вопрос, поставив другой div с рамкой и без цвета фона поверх изображения.
#imageContainer {
-webkit-border-radius:10px
-moz-border-radius:10px;
z-index:1;
}
#borderContainer {
position:absolute;
border:1px solid #FFFFFF;
-webkit-border-radius:10px
-moz-border-radius:10px;
z-index:10;
}