Помощник
|
Закругление краев у каритинки <img> |
FightInGlory
|
Сообщение
#1
|
||
|
|
||
|
|||
locky-yotu |
16.12.2010, 12:25;
Ответить: locky-yotu
Сообщение
#2
|
|
без хаков только по старинке, имхо. разместить картинку в относительно спозиционированном блоке, и в нем же разместить по углам 4 картинки с абсолютным позиционированием, которые будут накладываться сверху на картинку, тем самым имитируя ее "скругленность". ну или то же самое, только вместо 4-х картинок использовать спрайт.
|
|
|
FightInGlory
|
Сообщение
#3
|
|
Это я тоже знаю, но проблема в том, что фон у меня разный, а значит я не могу создать такие края, т.к. из-за транспарентности углов будет видна сама картинка или же если без транспарентности узлы будут видны.
Я точно помню, что видел такую статью на хабре, там еще говорилось что единственный минус в том, что там 2 запроса, а не один и работал он во всех ослах, без хаков, только чистый css. Но как всегда я потерял текстовик ссылкой и теперь готов себе руки оторвать за это. Кстати способ гугла с отступами тоже мне не проходит) |
|
|
locky-yotu |
16.12.2010, 12:57;
Ответить: locky-yotu
Сообщение
#4
|
|
ну как вариант сделать спрайт с закруглениями, соответствующими всем вариантам фона, и в соответствии с классом родительского элемента, определяющего фон, соответственно менять background-position у спрайта.
|
|
|
locky-yotu |
16.12.2010, 13:01;
Ответить: locky-yotu
Сообщение
#5
|
|
ну или как-то так: http://habrahabr.ru/blogs/css/107093/
|
|
|
FightInGlory
|
Сообщение
#6
|
|
Вот, вот, вот это я искал, пасиба... но я чет думал что он без хака для ие. Ну да ладно. Еще раз спасибо.
|
|
|
InviS |
16.12.2010, 13:17;
Ответить: InviS
Сообщение
#7
|
|
А js сильно тормозит страницу? Всегда почти использую его для скругления. Проблемы появляются только когда на скругляемом элементе присутствует обводка, а фон - градиент. Вроде не тормозило, но много картинок никогда не было :)
|
|
|
FightInGlory
|
Сообщение
#8
|
|
Когда-то я пробовал такой способ у меня было на странице много картинок и очень тормозило, но в этот раз их примерно 10 штук, может больше, вот вечером и посмотри лагает или нет)
Когда нужно закругления делать и там нет градиента использую способ с булитами, никаких хаков, ни скриптов и кроссбраузерный, но есть минус, радиус лучше не трогать) |
|
|
Tati_2000 |
16.12.2010, 13:50;
Ответить: Tati_2000
Сообщение
#9
|
|
а почему просто картинки не обрезать? я просто любопытствую. Насколько оправдано применение скриптов и т. д. в чем цель?
|
|
|
FightInGlory
|
Сообщение
#10
|
|
А как вы будете наполнять сайт? Допустим ваше изображение это картинка новости, каждый раз резать? Или если это маленькая картинка от видео и так далее. Причин может быть много, конечно, там где возможно лучше без скриптов.
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Резиновая вёрстка + img | 3 | LWDM | 3654 | 26.9.2012, 17:53 автор: -Bugnet- |
|
img>img;img;img через onmouseover | 1 | Langepas_hb | 8708 | 4.11.2008, 1:29 автор: -Galen- |
Текстовая версия | Сейчас: 29.3.2024, 17:20 |