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é.