Sieht hässlich aus und ist von der Performance her am Sack.
Zudem ist das ganze ein einziger großer Bug.
Hat jemand Lust daran rumzubasteln? Und das mal bei Mozilla zu melden/zu suchen?
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Farbige Scrollbars-Testcase</title>
<style type="text/css">
html, body {
background-color:#f00;
width:100%;
height:100%;
margin:0px;
padding:0px;
}
#box{
background-color:#0f0;
width:100%;
height:100%;
overflow:scroll;
-moz-opacity:0.5;
}
#inhalt{
background-color:white;
height:90%;
border:2px solid black;
-moz-opacity:5;
}
</style>
</head>
<body>
<div id="box"><div id="inhalt"><span style="background.color:white;">Hier ist der Text und blablabla<br>
Der CSS-Code:
<pre><style type="text/css">
html, body {
background-color:#f00;
width:100%;
height:100%;
margin:0px;
padding:0px;
}
#box{
background-color:#0f0;
width:100%;
height:100%;
overflow:scroll;
-moz-opacity:0.5;
}
#inhalt{
background-color:white;
height:50%;
border:2px solid black;
-moz-opacity:5;
}
</style></pre>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br></div></div>
</body>
</html>HF
Hannes
Edit: Layoutkiller weg