Rounded cornes в IE/Firefox/Chrome/Safari

[Detritus]

Здравейте на всички. Понеже знам колко досадно може да бъде използването на изображения за заоблени ъгли и блокове при всеки дизайн, бих искал да споделя един хак които използвам от известно време и ми върши прекрасна работа досега.
Има няколко бъга, които надявам се да бъдат изчистени с течение на времето. Например под IE8 мултиплицира зададените като бекграунд изображения на вътрешни елементи с css, но това може да се избегне или заобиколи. Освен това не работи (засега) под Опера, но понеже големия "болник" винаги е бил IE това не мисля, че е фатално. И сега както следва css кода е:

-moz-border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:  7px;
border-radius: 7px;
behavior: url(border-radius.htc);

Работи безотказно под всички версии на IE (включително IE6 ).

 

[kristiqn]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Валиден ли е кодА?

 

[Detritus]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Валиден ли е кодА?

Ако имаш предвид дали е валиден css, отговора е НЕ не е валиден, border-radius е функция на css 3.

 

[wbg]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Май действа само за div тагове. Пробвах за li но неработи

 

[Pifa]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Май действа само за div тагове. Пробвах за li но неработи

Работи и с li.

 

[MacTeP]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Под Opera не разбрах бачка ли нормално

 

[Detritus]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Под Opera не разбрах бачка ли нормално

Не, само под опера не работи, за там трябва svg hack, но това може да се добави.

 

[Detritus]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Забравих да добавя, на тези които не им работи .htc файла, да добавят следния Mime type на своя хостинг.

Mime type - text/x-component, разширение - htc.

 

[MacTeP]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Не, само под опера не работи, за там трябва svg hack, но това може да се добави.

Ей това хората дето ползваме Opera, нас кучета ни яли

 

[Detritus]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Ей това хората дето ползваме Opera, нас кучета ни яли

Тцък, не ме разбра, просто този хак не работи под опера. Може да ползваш този генератор за svg hack, който бачка под Опера. Единствено не съм сигурен дали поддържа версии под 9.0.

 

[cloxy]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Аз съм го мъчил това със заоблените ъгли и не можах да го подкарам единствено на Opera. Просто този браузър спазва напълно стандартите, а за това нещо още няма стандарт. Предполагам в следващите версии, като вкарат повече от CSS3 и ще си тръгне само.

 

[against]

Re: Rounded cornes в IE/Firefox/Chrome/Safari

Тя операта по едно време поддържаше border-radius ама после го махнаха, мисля че след 8-ма версия.