Průhlednost v CSS
Zdravim, dneska jsem začal dělat webovou stránku, ve který chci použít průhlednost..
mám stránku, na který je #content.. na celej ten #content jsem nastavil pruhlednost.. takze pruhlednost zasáhla i do textů,obrázků atd a to nechci.
Jenže ted mám problém s tím, jak udělat,aby bylo pruhledné jenom pozadí #contentu a vše ostatní neprůhledné..
pozadi #contentu je jednoducha barva, neni to obrazek..
pouzil jsem tenhle prikaz..
#content {
background-color:#c0c0c0;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
}
Jak bych mohl tento problem vyresit? predem diky :)
Môžeš použiť CSS3 a definovať farbu pozadia aj s alfa zložkou pomocou rgba s fallbackom na nepriehľadnú farbu.
Čiže napr.:
Ďalšia (horšia) možnosť je použiť PNG obrázok s nastaveným alfa kanálom.
Ešte ďalšia (ešte horšia) možnosť je pod to napozicionovať priehľadný div (pomocou opacity, resp. filtrov)
To mě taky napadlo..
Super, pres CSS3 mi to funguje :) budu se muset na to CSS3 kouknout, vypada to zajimave :)
Tak díky za radu :)