webForumDet fria alternativet
Logga in / Bli medlem

Transparent iframe med toning

HTML & CSS

2 svar · 253 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).

383 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
122 ms — deklarationer (db)
128 ms — hämta statistik (db)
128 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)