Transparent iframe med toning

HTML & CSS

2 svar · 262 visningar · startad av Rostarn

Medlem sedan sep. 20033 inlägg
Trådstart#1

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

Medlem sedan nov. 20017 144 inlägg
#2

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>
Medlem sedan sep. 20021 655 inlägg
#3

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).

247 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)