Positionierungs eines Bildes mit position:absolute

[Gunnar Bittersmann]

@@nils.rochholl

.contactbox,
#content .contactbox {

Wozu zweimal, als .contactbox allgemein und nochmal als .contactbox innerhalb von #content?

-webkit-box-shadow: 0 0 0 1px #dfdfdf, 0 0 9px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px #dfdfdf, 0 0 9px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px #dfdfdf, 0 0 9px rgba(0, 0, 0, 0.2);

Weg mit -webkit-box-shadow und -moz-box-shadow! Alle Browser, die box-shadow unterstützen, tun dies präfixfrei.

Nein, kein doppelter Schatteneffekt. Weg mit 0 0 0 1px #dfdfdf,! Die 1px-Linie ist einfach nur ein Rahmen: border: 1px solid #dfdfdf.

Und schon kannst du dir auch das sparen:

.modernizr-no-boxshadow .contactbox,
.modernizr-no-boxshadow #content .contactbox {
	border: 1px solid #dfdfdf;
}

LLAP 🖖