zum Artikelanfang springen

Opacity

Button-Opacity mit :hover

e-workers

#footer #linkbox a img {
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}
#footer #linkbox a:hover img {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

Das Element wird 50% transparent dargestellt, bei :hover ohne Transparenz.

Die filter-Regel ist für IEs und wird in Conditional Comments ausgelagert.

Seitenanfang



(c) 2009 e-workers
http://www.css-cafe.de/
mailto: info@css-cafe.de