- Registriert
- 15.05.06
- Beiträge
- 2.213
Hallo AT'ler,
diejenigen die meine Beiträge im Bereich Web-Programmierung gelesen haben wissen, das ich immer am lautesten nach validem XHTML und CSS schreie. Aber jetzt bin ich grad echt an einem Punkt, wo ich mich nicht recht entscheiden kann.
Es geht um folgendes Snippet:
Leider wird die "echte" CSS3 Eigenschaft border-radius von keinem derzeit verwendetem Browser unterstützt. Und ich will das Markup nicht unnötig aufblasen, in dem ich zusätzliche DIVs um #content pake und diese mit Hintergrundbildern versehe.
Das Hauptproblem liegt allerdings in der Transparenz der Box, daher kann ich nicht ohne Weiteres mit transparenten Hintergrundbildern arbeiten. Aber selbst wenn die Box an sich nicht transparent dargestellt wird, müssen die Ecken transparent sein da sonst der Seitenhintergrund verdeckt wird.
Also habe ich nur die Wahl zwischen -vendor_name_goes_here-border-radius oder eben keine runden Ecken.
Was würdet ihr tun? Auf validität Sch**** und das Design durchboxen?
Bin mal gespannt.
diejenigen die meine Beiträge im Bereich Web-Programmierung gelesen haben wissen, das ich immer am lautesten nach validem XHTML und CSS schreie. Aber jetzt bin ich grad echt an einem Punkt, wo ich mich nicht recht entscheiden kann.
Es geht um folgendes Snippet:
Code:
#content{
position:relative;
top:50px;
width:680px;
left:150px;
background:#ffe;
padding:25px;
opacity:0.6;
-moz-border-radius:12px; /kein valides CSS
-khtml-border-radius:12px; /kein valides CSS
}
Das Hauptproblem liegt allerdings in der Transparenz der Box, daher kann ich nicht ohne Weiteres mit transparenten Hintergrundbildern arbeiten. Aber selbst wenn die Box an sich nicht transparent dargestellt wird, müssen die Ecken transparent sein da sonst der Seitenhintergrund verdeckt wird.
Also habe ich nur die Wahl zwischen -vendor_name_goes_here-border-radius oder eben keine runden Ecken.
Was würdet ihr tun? Auf validität Sch**** und das Design durchboxen?
Bin mal gespannt.