HTML & CSSur HTML, XHTML & CSS
17 svar · 545 visningar · startad av gundogsdotnu
Hej
Jag är ny på forumet och hoppas på att få hjälp med följande fråga som behandlats på många forum men där de svar som jag läst inte har hjälpt mig
Hur får jag till rätt opacitet på en iframe i Firefox. jag lyckas bara få full (100%) transparens på bakgrunden på den fil som visas i iframen vilket gör texten oläslig mot index-sidans bakgrund.
I IE ställer jag ju index-sidan till allowtransparency=true + att jag i sidan som visas i iframen har -
filter:"alpha(opacity=80);-moz-opacity:.80;opacity:.80"
Vad måste till för att jag skall få rätt opacitet även i Firefox
Tackar på förhand
Paul
Ja du har stött på ett problem som lösningen ser helt olika ut i alla webläsare. Problemet med detta är också att Opera inte stödjer opacity än.
Men som sägs ska bli OK med css3.
Om det blir oläsligt ska du kanske försöka med annan lösning tills vidare, men för IE och FF ska detta kunna fungera
....{filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.80; opacity:0.8;
Och Välkommen till WF!
Tror jag är lite trött i dag, det finns en annan variant som är bättre.
Både Opera och FF stöder png-bilder, så om du använder en sådan till dem och sedan har en egen css-fil för IE6 css-opacity så blir det opacity för alla...
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="din ie.css" />
<![endif]-->
Funkar ej
tack tanten för ditt snabbsvar!
tyvärr funkar det inte för mig så här der koden ut när jag kollar koden i Firefox så är nedanstående rödmarkerat.....
<body style="filter: Alpha (opacity=80)";progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.80; opacity:0.8; "leftmargin="0">
Sidan kan beskådas på http://jaktspaniel.org/avel.htm
mvh
paul
Det är väl en bakgrundsbild du ska sätta genomskinligheten på och jag hittar ingen sådan...
Hej igen
Nej det är den vita sidbakgrunden....
Den springande hunden skall lysa igenom - men inte mer än att man kan läsa texten
paul
"progid:DXImageTransform"
som du ser så är det bild man ska sätta genomskinlighet på
Gör en vit bakgrundsbild räcker med 1px bild som får repeat över hela sidan och sätt opacity på den i IE och spara den som png med hur mycket genomskinlighet du vill ha för de andra webläsarna...
Jag ser ingen hund i IE...
Så här kan du göra för att få samma effekt i FF som i IE:
I alla undersidor ska du byta ut...
<body style="[s]filter: Alpha(Opacity=80)";progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.80; opacity:0.8; [/s]"leftmargin="0">
...mot...
<body style="[blue][b]background-color: white;[/b][/blue]" leftmargin="0">
Samt i index-sidan, lägga till följande:
<iframe src="iframes/blank.htm" name="ifram1" frameborder="0" width="700" align="center" marginwidth="" height="500" marginheight="" scrolling="auto" allowtransparency="true"
[blue][b]style="filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;"[/b][/blue]>
</iframe>"
Du ska dock vara medveten om att även testen blir 20% transparent. (Detta är detta som redan händer i IE)
/edit
Tack för tipsen...
Skall testa i em...
Hunden - en springer spaniel - finns på indexsida http://jaktspaniel.org
Paul
Tack Nitro!
Var exakt skall det ligga på index-sidan
style="filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8; "
ursäkta min okunnighet......
Sorry, jag var otydlig där. Nu så!
Nu såg jag förändringen...
funkar bra i IE måste hämta ner FF här på jobbet för att kolla
Tack så länge
Paul
Jag kan bekräfta att det funkar i FF. MEN du måste lägga till koden för undersidor på alla undersifdor, inte bara på t ex avel.
Tack Nitro - funkar "klockrent" - iframen hamnar dock inte centrerat i Firefox....
Det är ju förstås en helt anna fråga som det säkert finns tidigare svar på...?
Tror du att denna utmärkta lösning funkar i Opera också?
Många tack
Paul
Kanske:
<center><iframe src="iframes/blank.htm" name="ifram1" frameborder="0" width="700" align="center" marginwidth="" height="500" marginheight="" scrolling="auto" allowtransparency="true"
style="filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;">
</iframe></center>
Kan också bekräfta att det funkar fint även i Opera (Dock verison 9, vet inte hur det blir i version 8.x)
TACK NITRO
En veckas leatande & klurande är över - om du behöver en bra jakthund så är det bara att höra av sig......
Paul Anderson
Strängnäs