Az Opera lehet, hogy csont nélkül viszi az acid tesztet, de ettől függetlenül okozhat pár meglepetést css tekintetében.
A probléma
Ha mondjuk egy input mezőnek adunk egy háttér képet, ami nem tölti ki a teljes input text mezőt, akkor az input háttere az alapértelmezett fehérről átlátszóvá módosul.
body{
background-color:red;
}
input#s{
width:178px;
border:1px solid #333;
color:#000;
background-image:url(images/nagyito.jpg);
background-repeat: no-repeat;
padding-left:20px;
}
Aki nem látja a problémát az éppen nem Operával nézi a dolgot 🙂 Nekik leírjuk, hogy az input háttere piros lesz az elvárható alapértelmezett fehér helyett. Akinek tetszik az mondhatja, hogy megörökli a body-tól.
Megoldás
A megoldás rendkívül egyszerű, csupán a css definíciók között meg kell adnunk a background-color értéket.
Nem a megoldás a nagy durranás, hanem az, hogy lépten-nyomon beleütközhetünk a különböző böngészők eltérő alapértelmezett értékeibe, és az ezek miatt előforduló érdekes css hibákra, melyeknek debuggolása sosem tartozik az egyszerű hadműveletek közé.