• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS Transparenz Problem

befubo

Mitglied
Hallo zusammen

Hab da wieder mal n Problem, Google hat mir nur bedingt weitergeholfen:
Ich definiere per externem css eine halb-transparente Box. Das funktioniert wunderbar, also:

Code:
div#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin: 0; padding: 0;
    border: 1px solid white; background-color: #000000;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter:alpha(opacity=50);

Das Problem ist, dass der Text innerhalb der Box dann auch transparent wird. Mein Normaler Code:

HTML:
<div id="Info">
blablalb
blablablablabl
  </div>

Jetzt habe ich versucht, mit einer 2. Definition den Text wieder rückgängig zu färben.
Externe CSS:

Code:
div#Info h1 {
    font-size: 1em;
    margin: 0.5em;
-moz-opacity: 1;
-khtml-opacity: 1;
filter:alpha(opacity=100);
  }

Normaler Code:

HTML:
<div id="Info">
<h1>blablalb
blablablablabl</h1>
  </div>
Funzt aber nicht. Kann mir da jemand helfen?
thx und mfg
befubo

//EDIT
Ich hab gerade nochmals die Forenregeln bei php.de studiert und habe den Bereich "multipostings" entdeckt.
Ich weiss nicht, ob das hier auch gilt, aber hier deshalb kurz: Ich habe hier den gleichen Post wie bei php.de (http://www.php.de/html-usability-und-barrierefreiheit/64178-css-transparenz-problem.html)
Ich habe den Post hier veröffentlich, weil hier offenbar mehr HTML User sind als PHP und ich dachte, hier hab ich eher Chancen auf Hilfe...)
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben