untransparenter span in transparentem div?

luksn · 12.08.2007, 20:59

Hallo!
Ich habe folgendes Problem:
Ich habe ein span in einem div. Der div ist transparent über -moz-opacity: 0.7; und ich möchte undurchsichtigen einen undurchsichtigen span da drin haben.
Soweit bin ich gekommen:

HTML-Code:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">

body {background-color: #000;}

.durchsichtig {background-color: #fff;
               -moz-opacity: 0.5;
               width: 200px;}

.undurchsichtig {background-color: #fff;
                 -moz-opacity: 1.00;
                 width: 200px;
                 height: 30px;
                 display: block;}

</style>
</head>
<body>
<div class="durchsichtig">
<p>Mehr text lalala einz zwei drei</p>
<span class="undurchsichtig">Ein text</span>
<p>Mehr text lalala einz zwei drei</p>
<p>Mehr text lalala einz zwei drei</p>
</div>
</body>
</html>

Allerdings bringt das nicht das gewünschte Ergebnis und deswegen frage ich euch, wie und ob man das machen kann.

webcreate · 12.08.2007, 21:31

Geht nicht, da die Transparenz vererbt wird.

luksn · 12.08.2007, 23:03

hmm schade
trotzdem danke!

Daniel FR · 12.08.2007, 23:11

Mit !important könnte es klappen...

luksn · 12.08.2007, 23:21

Welcher Eigenschaft müsste ich denn !important zuweisen? Ich habs mal mit dem -moz-opacity versucht, allerdings ohne Erfolg

Daniel FR · 12.08.2007, 23:24

Wie gesagt: könnte.

Vielleicht direkt der Hintergrundfarbe?

luksn · 12.08.2007, 23:35

nein auch nicht. ich kann es nur durchsichtiger machen aber nicht deckender
als der div.

ingozen · 13.08.2007, 11:20

Nimm doch ein png und für den IE < 7 ein Gif, mit dem du die Transparenz vortäuschst (1 Pixel Farbe, ein Pixel transparent.)

designfanatiker · 13.08.2007, 11:30

Zitat:

Zitat von ingozen

Nimm doch ein png und für den IE < 7 ein Gif, mit dem du die Transparenz vortäuschst (1 Pixel Farbe, ein Pixel transparent.)

Klingt zwar nach Pfusch, ist aber die einzige Möglichkeit das Stylesheet valide zu bekommen.

luksn · 13.08.2007, 20:15

Danke, das löst das Problem, auch wenn das Ausweichs-gif für den ie nicht so toll
aussieht und funktioniert. naja was solls