Как правильно сделать скругленные углы?

[alexpts]

Скругляю углы у дива с помощью

-moz-border-radius-bottomleft:10px;

-moz-border-radius-bottomright:10px;

-moz-border-radius-topleft:30px;

-moz-border-radius-topright:10px;

background:#777777 url(img.png) repeat scroll 0% 50% !important;

Цвет отображается нормально по форме скругления, а картинка-бэкграунд во весь див. Можно ли как-то картинку отображать (обрезать по краям скругления) как цвет?

Edited April 3, 2009 by alexpts

[Justnewone]

Скругляю углы у дива с помощью

-moz-border-radius-bottomleft:10px;

-moz-border-radius-bottomright:10px;

-moz-border-radius-topleft:30px;

-moz-border-radius-topright:10px;

background:#777777 url(img.png) repeat scroll 0% 50% !important;

Цвет отображается нормально по форме скругления, а картинка-бэкграунд во весь див. Можно ли как-то картинку отображать (обрезать по краям скругления) как цвет?

Смело. Афигеть дайте два...

Потом повесите определение браузера и все не FF будете подальше посылать?

[SelenIT]

У самых новых фоксов (по-моему, в ветке 3.1 → 3.5, которая должна выйти где-то через месяц, если не раньше) вроде бы эту проблему пофиксили. А вообще на то экспериментальная поддержка (-moz-, -webkit- и пр.) и экспериментальная...

[Great Rash]

2Justnewone

Я кстати видел буржуйский сайт, который не поддерживает ИЕ в принципе. Т.е. если зайти на него под ИЕ увидишь голый текст без стилей вообще. И это правильно товарищи!!!

[Justnewone]

2Justnewone

Я кстати видел буржуйский сайт, который не поддерживает ИЕ в принципе. Т.е. если зайти на него под ИЕ увидишь голый текст без стилей вообще. И это правильно товарищи!!!

Один сайт? Круто, процесс пошел.

А кто, например, Оперой зайдет, или типа Сафари, на данном сайте им че делать, они-то чем провинились?

[Great Rash]

А причем тут опера и сафари? Лично мной за этими браузерами косяков замечено не было. Бордер-радиус они кажись отображать умеют (сафари уж точно).

"Один сайт?" - как грится - лиха беда начало... Это был сайт довольно известного (судя по обширному портфолио) дизайнера. Жаль адреса не помню.

[Justnewone]

А причем тут опера и сафари? Лично мной за этими браузерами косяков замечено не было. Бордер-радиус они кажись отображать умеют (сафари уж точно).

"Один сайт?" - как грится - лиха беда начало... Это был сайт довольно известного (судя по обширному портфолио) дизайнера. Жаль адреса не помню.

-moz-border-radius?

[Great Rash]

-webkit-border-radius для сафари, опера не поддерживает пока, а жаль... думал что поддерживает

[alexpts]

>>Justnewone,

>>Смело. Афигеть дайте два...

>>Потом повесите определение браузера и все не FF будете подальше посылать?

Вы о скрипте?

Он рабтает для IE 6 и IE7. Не по теме!

Вообще, насколько я понял это проблема пока никак не решается...

[Justnewone]

А при чем тут скрипт, вообще как я могу о каком-то там скрипте, если во всей этой ветке о нем ни слова?

[RuSS]

Скругляю углы у дива с помощью

-moz-border-radius-bottomleft:10px;

-moz-border-radius-bottomright:10px;

-moz-border-radius-topleft:30px;

-moz-border-radius-topright:10px;

background:#777777 url(img.png) repeat scroll 0% 50% !important;

Цвет отображается нормально по форме скругления, а картинка-бэкграунд во весь див. Можно ли как-то картинку отображать (обрезать по краям скругления) как цвет?

Делай слоями.

[Azadi]

Можно на rocon посмотреть. Она рисует скругленные уголки через -moz-border-radius для FF, через SVG для Opera и через VML для IE.

Но вам тут проще сделать скругленную маску для уголков под цвет фона. Если, конечно, фон однородный.

[RuSS]

В этой теме есть хорошие ссылки по теме.