---
title: "Iframe med opacitet i Firefox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/147636-iframe-med-opacitet-i-firefox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "gundogsdotnu"
published: "2006-06-02T06:04:58.000Z"
updated: "2006-06-02T10:56:20.000Z"
replies: 17
views: 571
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/147636-iframe-med-opacitet-i-firefox"
---

# Iframe med opacitet i Firefox

## #1 — gundogsdotnu, 2006-06-02T06:04Z

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

Permalänk: https://www.webforum.nu/p/147636

## #2 — tanten, 2006-06-02T06:36Z

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!

Permalänk: https://www.webforum.nu/p/1825645

## #3 — tanten, 2006-06-02T06:51Z

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\]--\>

Permalänk: https://www.webforum.nu/p/1825647

## #4 — gundogsdotnu, 2006-06-02T07:08Z

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

Permalänk: https://www.webforum.nu/p/1825650

## #5 — tanten, 2006-06-02T07:30Z

Det är väl en bakgrundsbild du ska sätta genomskinligheten på och jag hittar ingen sådan...

Permalänk: https://www.webforum.nu/p/1825655

## #6 — gundogsdotnu, 2006-06-02T07:42Z

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

Permalänk: https://www.webforum.nu/p/1825658

## #7 — tanten, 2006-06-02T07:56Z

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

Permalänk: https://www.webforum.nu/p/1825663

## #8 — nitro2k01, 2006-06-02T07:58Z

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

Permalänk: https://www.webforum.nu/p/1825664

## #9 — gundogsdotnu, 2006-06-02T08:22Z

Tack för tipsen...

Skall testa i em...

Hunden - en springer spaniel - finns på indexsida <http://jaktspaniel.org>

Paul

Permalänk: https://www.webforum.nu/p/1825678

## #10 — gundogsdotnu, 2006-06-02T09:53Z

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

Permalänk: https://www.webforum.nu/p/1825729

## #11 — nitro2k01, 2006-06-02T09:55Z

Sorry, jag var otydlig där. Nu så!

Permalänk: https://www.webforum.nu/p/1825730

## #12 — gundogsdotnu, 2006-06-02T10:03Z

Nitro skrev:
Sorry, jag var otydlig där. Nu så!

Nu fattar jag inte

Permalänk: https://www.webforum.nu/p/1825736

## #13 — gundogsdotnu, 2006-06-02T10:06Z

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

Permalänk: https://www.webforum.nu/p/1825737

## #14 — nitro2k01, 2006-06-02T10:22Z

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.

Permalänk: https://www.webforum.nu/p/1825741

## #15 — gundogsdotnu, 2006-06-02T10:24Z

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

Permalänk: https://www.webforum.nu/p/1825742

## #16 — nitro2k01, 2006-06-02T10:28Z

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>
```

Permalänk: https://www.webforum.nu/p/1825743

## #17 — nitro2k01, 2006-06-02T10:29Z

Kan också bekräfta att det funkar fint även i Opera (Dock verison 9, vet inte hur det blir i version 8.x)

Permalänk: https://www.webforum.nu/p/1825744

## #18 — gundogsdotnu, 2006-06-02T10:56Z

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

Permalänk: https://www.webforum.nu/p/1825748

---

Tråden på webben: https://www.webforum.nu/amne/html-css/147636-iframe-med-opacitet-i-firefox
