Учим Opera скруглять img

[Temiks]

Наткнулся на статью как округлить углы картинки в опере без background-a.

Возможно, кому то пригодиться

[Softlink]

Мда

Третий комментарий к этой статье они наверное и не видели совсем..

[SelenIT]

Лучше было, наверное, дать ссылку на демо вместо кода, а то в этом тесном окошке со скроллингом самая вкусность-то (про тени) в глаза не бросается... Я, как мог, постарался восстановить справедливость в новом комменте к "свежатинке" (хотя и свой пример на похожем принципе пропиарил заодно, сорри)...

[Softlink]

Лучше было, наверное, дать ссылку на демо вместо кода, а то в этом тесном окошке со скроллингом самая вкусность-то (про тени) в глаза не бросается... Я, как мог, постарался восстановить справедливость в новом комменте к "свежатинке" (хотя и свой пример на похожем принципе пропиарил заодно, сорри)...

Да, я видел, Илья, спасибо. Кроме того, я думал о способе, как у них(с бордерами), но решил, что с тенью будет несколько универсальней. В том плане, что можно еще картинке задать "рамочку" в 1,2,3.. сколь угодно пикселей, путем наложения теней, на все том же однородном фоне.

[SelenIT]

Ну я там и написал, что способ с тенью более продвинутый . Единственное, я бы всё равно overflow:hidden добавил, "для минимизации ущерба" окружению картинки.

Эх, где бы найти толковое пояснялово (а не то отрывочное непонятство с мертвыми ссылками из оперного блога, что обычно нагугливается) про оперные SVG-эффекты, в особенности mask... Чует моя интуиция, что где-то там может нарыться легкий фикс решения с тенями для неоднородного фона...

[Softlink]

Единственное, я бы всё равно overflow:hidden добавил, "для минимизации ущерба" окружению картинки.

Да, можно было бы добавить, дабы избежать лишних вопросов

Эх, где бы найти толковое пояснялово (а не то отрывочное непонятство с мертвыми ссылками из оперного блога, что обычно нагугливается) про оперные SVG-эффекты, в особенности mask... Чует моя интуиция, что где-то там может нарыться легкий фикс решения с тенями для неоднородного фона...

Даже не знаю, сам по Опере лазил, когда искал решение. Хотя там оперники вообще скромно помалкивают об этой проблеме Так же как и о радиальном градиенте

[psywalker]

В 12 версии это проблема должна решиться, и не нужно будет вообще обёрток. Потерпите, друзья

[SelenIT]

Так обертки и сейчас не нужны.

[Softlink]

Так обертки и сейчас не нужны.

Я обертку делал, т.к. в бытность времен вебкитные и фф не скругляли img без обертки. И она сделана только для этого(за универсальностью гнался все-таки ). Ее можно опустить конечно. И псевдоэлемент там(в моем варианте) подвешен как раз не на обертку

А в примере на том сайте, ребята хоть и написали:

Суть фокуса — в псевдоэлементе :before. Он, кстати, нужен исключительно для Оперы, в остальных браузерах (кроме IE все и так будет нормально).

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

[psywalker]

Так обертки и сейчас не нужны.

Да, извиняюсь, хотел сказать, что радиус будет работать корректно везде, где сейчас, но включая и Оперу.

[Ялекс]

Говорят, в новой Опере с закруглением все в порядке.

Edited January 4, 2012 by Ялекс

[SelenIT]

Почти всё. Если радиус закруглений у картинки задан не в процентах