PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Opacity

darph
2009-09-12, 11:28:06
;(


funktioniert das nur bei mir nicht oder was?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>##TITLE##</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css" media="screen">
#gna {
position: absolute;
width: 300px;
height: 300px;
left: 450px;
border: 5px solid red;
background-color: yellow;
filter: alpha (opacity = 50); /* FUCK YOU! */
zoom: 1;
}

#unf {
width: 500px;
height: 500px;
background-color: green;
}
</style>

</head>
<body>
<div id="unf">
<div id="gna">
<p>wer das liest ist doof.</p>
</div>
</div>
</body>
</html>
Tommes
2009-09-12, 11:31:29
Im IE <= 7 schon.

.opaque1 { // for all other browsers
opacity: .5;
}

.opaque2 { // for IE5-7
filter: alpha(opacity=50);
}

.opaque3 { // for IE8
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
darph
2009-09-12, 12:03:59
Das Snippet hatte ich auch schon gefunden. Alas:

http://picdump.darph.net/wp-content/uploads/2009/09/Bild-5.png

;( Ja, nun. Also bei meinem IE7 geht's definitiv nicht. Da würd' mich halt schon interessieren, woran das liegt. ;(
Tommes
2009-09-12, 12:09:22
Bei mir funktioniert es so ;(
darph
2009-09-12, 12:12:25
Mit der von mir angegebenen Website?

Hm.
Tommes
2009-09-12, 12:15:36
Jo im IE7 und 8 und mit "opacity: 0.5;" auch im Fox.

http://www.fivedigital.de/opacity.html
Gast
2009-09-12, 15:16:05
;( Ja, nun. Also bei meinem IE7 geht's definitiv nicht. Da würd' mich halt schon interessieren, woran das liegt. ;(
dieses komische IE-filter gedöns funktioniert soweit ich weiß nur, wenn activeX aktiviert ist.
nimm einfach "opacity: 0.5", das ist (bzw wird) der CSS standard. früher oder später wird auch der ie damit umgehen können...
Tommes
2009-09-12, 16:21:43
Ja das stimmt - Filter gehen nur mit ActiveX. Ich dachte, darph wüsste es ;(
darph
2009-09-13, 07:25:23
nimm einfach "opacity: 0.5", das ist (bzw wird) der CSS standard. früher oder später wird auch der ie damit umgehen können...
Wäre es meine Website: (y)


Erklär das aber mal einem zahlenden Kunden.
Kinman
2009-09-13, 09:52:03
Probier mal mit den Mootools, aber das Ergebnis wird vermutlich gleich ausfallen...
http://davidwalsh.name/mootools-opacity
Tommes
2009-09-13, 10:00:54
Geht nicht einfach ein halbtransparentes PNG als Workaround?