Co s tím, potřebujete-li zachovat element průhledný? Je několik možností.
1) RGBA
Elementu nastavte průhlednou barvu pomocí CSS3 vlastnosti rgba.
Nevýhoda: lze použít jen pro IE9+.[code language="css"]
.clickable {
background:rgba(0,0,0,0); /* jen IE9+ */
}
[/code]
2) Opacity
Elementu nastavte background color a opacity.
Nevýhoda: element již nemůže být použit na zobrazení jiných informací, protože skryje i jeho obsah.[code language="css"]
.clickable {
background:#fff;
opacity:0;
filter: alpha(opacity = 0); /* pro IE8- */
}
[/code]
3) Průhledný GIF
Elementu nastavte jako background průhledný GIF.
Nevýhoda: další request na server kvůli obrázku.[code language="css"]
.clickable {
background:url("transparent.gif");
}
[/code]
Vyberte si
Co je pro vás nejpřijatelnější si vyberte sami. Já musel použít třetí způsob, kvůli nevýhodám předchozích dvou řešení. Pokud naleznete další způsob, podělte se o něj v komentářích.