Олег Б.
292 повідомлення
#13 років тому
Привет всем =)
Может кто подскажет как решить проблему:
имеется прямоугольная картинка. Хочу сделать ее круглой, для этого использую jquery.corner.js ну и бордер в 2px через css
Пишу так:
$('.some img').corner('120px');

В FF, Safari и Chrome все гуд и картинка делается круглой, а вот в Oper`е фоном видно что есть окружность из бордера, но сама картинка остается прямоугольной. не в первый раз сталкиваюсь с такой проблемой..как быть?
Андрей И.
50 повідомлень
#13 років тому
Опера - это опенсорц. Будете ждать пока рак свистнет, когда эту дырку починят. А то, что она популярна в России - заслуга местных любителей опенсорца, которые любят всё на халяву. Я бы сделал окружность из множества мелких квадратиков, то есть на JS или на пыхе цикл типа мозаики. На JS проще.
И ещё: jquery - простые решения, с которыми вечные проблемы. Проще самому сделать
Олег Б.
292 повідомлення
#13 років тому
У меня фон не однородный, поэтому не выйдет такой вариант.
может кто что еще скажет?
Андрей И.
50 повідомлень
#13 років тому
А что значит неоднородный фон? Просто картинка?
Код в студию.
Олег Б.
292 повідомлення
#13 років тому


Приложил скрин. Первое - отображение в опере, второе - в FF
Зачем код? Вы мне грубо говоря помогите советом, как заставить oper`у border-radius воспринимать.
Смысл в том, что лень картинку на php png`штую делать
Андрей И.
50 повідомлень
#13 років тому
Кстати, в Опере замечательно работает Canvas. Там сделаете лучше всяких jquery. Смотрите тут, например:

Переведите: "лень картинку на php png`штую делать". Первые два слова и последнее я понял
Олег Б.
292 повідомлення
#13 років тому
Ну хм..раз не удалось обрезать картинку через бордер радиус, то можно из JPG сделать PNG, сделав все ненужное прозрачной областью. Правда пока не знаю как, но думаю, решение должно быть =)
Андрей И.
50 повідомлень
#13 років тому
Так я жеж вам про это. На Canvas это делается просто, смотрите исходники
Олег Б.
292 повідомлення
#13 років тому
Ну ладн, уговорили =)
Антон В.
1807 повідомлень
#13 років тому
Юзайте pie.htc, я уже давно отошел от всяких corner.js, и прочее....слишком там много глюков
Олег Б.
292 повідомлення
#13 років тому
А оно вроде для IE? а у меня опера ж.
Антон В.
1807 повідомлень
#13 років тому
bel0v, ну а для оперы есть правило css3, скругляющее углы без танцев с бубном
Олег Б.
292 повідомлення
#13 років тому
Хм..в 11.52 результат такого бордер-радиуса я приложил выше =)
проблема именно в применение его к картинкам в <img />
Антон В.
1807 повідомлень
#13 років тому
bel0v, есть хитрый способ. можешь у меня позаимствовать....отседова, например:

Олег Б.
292 повідомлення
#13 років тому
Спасиб, попробуемс =)
Андрей И.
50 повідомлень
#13 років тому
Смотрите тут про Оперу и углы: