Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

border-radius и иже с ним

6
29 июня 2011 года
George
4.1K / / 05.01.2007
Ребятюни, не могу понять, почему Опера не скругляет уголки у картинок, когда остальные браузеры это делают. Собсно посмотреть можно по адресу http://wclass.kz, выбрав г. Алматы - у картинок над новостями на главной должны скругляться правый верхний и левый нижний уголки.
Вот CSS:
 
Код:
img.imagecache-GallerySmallImage { -moz-border-radius: 0 10px 0 10px; -webkit-border-radius: 0 10px 0 10px; border-radius: 0 10px 0 10px; }

OS: Ubuntu
Opera 11.xx - не скругляет.
Chromium 12.0.742.91 - скругляет, но не по -webkit св-ву, а по обычному border-radius, ну да вроде и хрен бы с ним.
Firefox 4 - скругляет и тоже уже по обычному, а не по -moz св-ву.
Заранее благодарю за помощь.
14
29 июня 2011 года
Phodopus
3.3K / / 19.06.2008
Здесь декларируется что должна
274
30 июня 2011 года
Lone Wolf
1.3K / / 26.11.2006
http://stackoverflow.com/questions/5912693/rounded-corners-border-radius-of-image-in-opera-10-50

Собственно там ответ есть.

я тебе еще и в жабу кинул :)
6
30 июня 2011 года
George
4.1K / / 05.01.2007
Цитата: Phodopus
Здесь декларируется что должна


В том то и дело. Я смотрю в драгонфлай, вижу, что опера эти св-ва распарсила, но визуально уголки не срезаются. Попробую вот еще -o, но почему-то сомневаюсь, что поможет.
Ну и попробую не у имейджа, а у дива сделать, хотя тоже, кажется, пробовал уже.

366
30 июня 2011 года
int
668 / / 30.03.2005
Я когда последний раз делал div с overflow:hidden и скруглёнными краями, то картинка в опере всё равно из него выпирала, пришлось закруглять ещё и img. Всё работало. кстати. Правда, под линуксом оперу не ставил, под виндой её гоняю, в линуксе только ff смотрю.
6
30 июня 2011 года
George
4.1K / / 05.01.2007
Цитата: int
Я когда последний раз делал div с overflow:hidden и скруглёнными краями, то картинка в опере всё равно из него выпирала, пришлось закруглять ещё и img. Всё работало. кстати. Правда, под линуксом оперу не ставил, под виндой её гоняю, в линуксе только ff смотрю.


Ну по идее ОС тут неважна, движок то у оперы один и тот же. ОС - это когда шрифты, я ее тут вообще на всякий случай привел.

6
30 июня 2011 года
George
4.1K / / 05.01.2007
Бесполезно, короче. И блок попробовал закруглить, и -o-border-radius добавил, не закругляет и хоть ты тресни.
6
30 июня 2011 года
George
4.1K / / 05.01.2007
А самое забавное, той же оперой захожу на http://vectorsport.logby.me/, там сразу же кучка блоков со скругленными краями и все ништяк отображается.
274
30 июня 2011 года
Lone Wolf
1.3K / / 26.11.2006
ну так не картинки же там.
Йоппера не умеет картинки закруглять. Ставь картинку в бэкграунд и закругляй div, походу только так..
6
30 июня 2011 года
George
4.1K / / 05.01.2007
Цитата: Lone Wolf
ну так не картинки же там.
Йоппера не умеет картинки закруглять. Ставь картинку в бэкграунд и закругляй div, походу только так..


А, действительно. Ясно все. Дура эта опера.

14
01 июля 2011 года
Phodopus
3.3K / / 19.06.2008
Цитата: Lone Wolf
ну так не картинки же там.
Йоппера не умеет картинки закруглять. Ставь картинку в бэкграунд и закругляй div, походу только так..


вот и я сразу приметил что картинки в спецификации - отдельным блоком. а на ксс3 картинки в числе прочих. значит неверно они декларируют что поддерживают сие свойство.

6
01 июля 2011 года
George
4.1K / / 05.01.2007
Цитата: Phodopus
вот и я сразу приметил что картинки в спецификации - отдельным блоком. а на ксс3 картинки в числе прочих. значит неверно они декларируют что поддерживают сие свойство.


Ясное дело. В конце концов можно было скруглять уголки у картинок с display: block, или display: inline-block, так и это не осилили.

366
01 июля 2011 года
int
668 / / 30.03.2005
А тоооочно, у меня же картинка фоном идёт, там спрайт у дива. Я уж и забыл. Ну значит просто опера (и может даже хром) не умеют делать overflow:hidden для border-radius
13
01 июля 2011 года
RussianSpy
3.0K / / 04.07.2006
Ну не умеют, бывает. У каждого браузера свои косяки. Данная проблема решается очень легко, не вижу оснований для переживаний.
6
01 июля 2011 года
George
4.1K / / 05.01.2007
Неохота скруглять уголки ничем иным, кроме border-radius'а. Запихивать картинку в фон можно, но неудобно, она не статичная.
274
01 июля 2011 года
Lone Wolf
1.3K / / 26.11.2006
я так понимаю на ИЕ ты забил болд?
6
01 июля 2011 года
George
4.1K / / 05.01.2007
Цитата: Lone Wolf
я так понимаю на ИЕ ты забил болд?


Ага. Ну будут так прямые углы, и ну его к лешему. В 9-ом должно скругляться. :)

369
02 июля 2011 года
Kesano
451 / / 09.10.2007
Вот вам решение для всех кроме Ослика старого:

[HTML]
.radius {
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-opera-border-radius:15px;
}
[/HTML]
Для оперы, как видите, своя директива. Работает с 10+
6
03 июля 2011 года
George
4.1K / / 05.01.2007
Цитата: Kesano
Вот вам решение для всех кроме Ослика старого:

[HTML]
.radius {
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-opera-border-radius:15px;
}
[/HTML]
Для оперы, как видите, своя директива. Работает с 10+


Онли в понедельник проверю.

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог