CSS - opacity & Doctype?!

Habe ein komisches Problem mit dem Browser, wie soll es anders sein, Internet Explorer :slight_smile: Bei Firefox klappt es IMMER!

Habe ein CSS Layout erstellt.
In diesem Layout habe ich mittels CSS Buttons erstellt die mit der Eigenschaft opacity bzw. -moz -opacity bzw. filter auf 50 % Deckkraft gestellt wurden.

Jetzt kommt das komische :slight_smile:

Wenn ich als Doctype XHTML 1.0 angebe, dann sind die Button einfach schwarz, d.h. ohne 50 % Deckkraft!

Wenn ich als Doctype HTML 4.0 angebe, dann funktioniert es, d.h. die Buttons werden leicht durchsichtig! ABER dafür funktioniert der DIV Layer nicht mehr.

Layout ist so aufgebaut:
Links ein DIV mit einem Balkon, dazwischen ein DIV mit Buttons und rechts ein DIV mit einem Balken.

Mit Doctype HTML 4.0 werden das DIV mit den Buttons UNTERHALB der Balken angezeigt also nicht dazwischen mit XHTML 1.0 schön dazwischen!

WARUM? Was mache ich falsch?

WARUM? Was mache ich falsch?

opacity ist kein standard und wird daher nicht überall unterstützt.

Mozilla spezifische Eigenschaften: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

ich glaube filter: alpha(opacity=50); ist das Pendant für IE. Also einfach noch mit in das Stylesheet reinpacken…

Mach doch einfach die Bilder an sich zu 50% transparent, du verwendest ja eh Bilder, da brauchst du kein CSS, und es funktioniert ja wie schon gesagt in bestimmten Browsern nicht.