Japp, nu är jag här igen, med ett nytt problem. När jag gör så att en transparent iframe tonar mot bakgrunden (alpha opacity) så tonar även texten och blir svår att se. Hur undviker jag detta? :q
Transparent iframe med toning
2 svar · 253 visningar · startad av Rostarn
Du kan ju göra flera lager. ex.
<head>
<style type="text/css">
#iframe{
position:absolute;
z-index:1;
background-color:#999999;
top:0px;
left:0px;
width:300px;
height:200px;
filter:Alpha(Opacity=50); -moz-opacity:50%;
border:1px solid black;
}
#text{
position:absolute;
z-index:2;
background-color:transparent;
color:#000000;
top:0px;
left:0px;
width:300px;
height:200px;
}
</style>
</head>
<body>
Text text text text text text text text<br>
text text text text text text text text<br>
text text text text text text text text<br>
<div id="iframe"></div>
<div id="text">En massa text som inte är halvtransparent</div>
</body>
Jag fick ändra till:
-moz-opacity: 0.5;
för att få ditt exempel att fungera i Firebird, Jesper.
Lite lustigt eftersom jag har för mig att det inte ska spela någon roll om man skriver att full opacity ska vara 100% eller 1.0, så länge man inte blandar in JavaScript (då ska det inte fungera med procent).