less than 1 minute read

Többször előfordult már, hogy kellemetlenül éreztem magam, amikor böngészőspecifikus CSS szabályokat alkalmaztam. Valójában például a lekerekítéseket képként kellene betölteni a böngészőbe, de létezik egy olyan megoldás, amit ugyan már minden böngésző implementált, de a régebbiek nem jelenítik meg jól. A CSS szabvány szerint így:

.lekerekites {  
  border-radius: 10px;
}  

Ehhez sajnos hacket kellett használnom, mivel még a legfrissebb firefox sem rajzolja ki a kerekítést:

.lekerekites {  
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}  

Nem tetszik. Átláthatatlan és csúnya. Viszont van megoldás, a napokban fedeztem fel egy rövid javascriptet, ami CSS szabványos kódból készít böngészőspecifikus kódot kliensoldalon. Azt hiszem innentől ezt minden oldalamon használni fogom:

http://ecsstender.org/

Updated:

Comments