CSS Transparenzen

Status
Nicht offen für weitere Antworten.

FunkyMonkey

Mitglied
Hallo

ist es richtig, das man keine feinere Transparenz-Unterteilung als 10 Schritte hinbekommt?

Zumindest kriege ich sowohl im MSIE als auch im FF keine feinere Abstufung hin... gleichzeitig gibt es scriptacolous + prototype was aus meiner Sicht in feineren Schritten die Transparenz regulieren kann.

Bei mir gehen nur folgende Werte:

1.0
0.9
0.8
0.7
0.6
0.5
0.4
0.3
0.2
0.1
0


Zwischenschritte wie 0.95, 0.85, 0.75 usw. werden wie 0.9, 0.8, 0.7 gerendert (sehen also genau gleich aus).

Laut css4you kann man aber zwei Nachpunktstellen angeben (?)
 
Hi,

bei mir funktioniert die "Fünf-Hundertstel"-Abstufung des Opacity-Wertes in allen mir zur Verfügung stehenden Browsern:

opacity.jpg

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_FunkyMonkey</title>

<style type="text/css">
<!--
div {
position:relative;
width:100%;
line-height:80px;
background:#000;
color:#fff;
}

div#box1 {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

div#box2 {
filter:alpha(opacity=55);
-moz-opacity:0.55;
opacity:0.55;
}

div#box3 {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
-->
</style>

</head>
<body>

<div id="box1">box1</div>
<div id="box2">box2</div>
<div id="box3">box3</div>

</body>
</html>
 
Danke für den Beispielcode. Bin gerade an einem anderen Rechner und hier läuft es so wie es soll. Hab's vorher genau so gemacht und es ging in keinem der modernen Browser. Seltsam :suspekt:
 
Status
Nicht offen für weitere Antworten.
Zurück