Олег Б.
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 лет назад
Смотрите тут про Оперу и углы: