transparant iframe

maandag 24 juni 2002 10:39

Topicstarter

Vooraleer ik hier geflamed wordt, ik heb de search functie gebruikt, maar krijg mijn probleem niet opgelost.

Ik heb een bestand "main.html" en een bestand "iframe.html"

nu main heeft een achtergrond en die moet ook in iframe te zien zijn

Ik heb STYLE="background-color:transparent" in het iframe staan en ALLOWTRANSPARENCY="TRUE" bij de link naar iframe (in main dus).

dat gaat dus niet

ook bij zeggen dat ik een class heb die 50% transparant is (Opacity). Deze bevind zich in het iframe ...

wat ik wil is mijn achtergrond van main ook in het iframe en de transparante cellen van het iframe transparant over de achtergrond van main.

Acties:

cutter

Wannabe i7 fanboy

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/inlinefloatingframes.asp

Je hebt de pagina die je in je iframe laadt ook wel de property

code:

1	<BODY STYLE="background-color:transparent">

meegegeven.
En in je iframe:

code:

1	<iframe src="foo.htm" name="Frame1" id="Frame1" ALLOWTRANSPARENCY="true"></iframe>

foo.htm moet dus de body property krijgen die hierboven staat.

Want dit werkt bij mij namelijk wel met een achtergrondkleur en een achtergrondimg.

maandag 24 juni 2002 10:54

Acties:

Verwijderd

hmm mijn zoektocht leverde anders wel wat op:

linkje 1

linkje 2

Oh en Mozilla kan het vanaf 1.0 zonder ook maar iets te doen, gewoon geen achtergrondkleur defineren.

maandag 24 juni 2002 11:09

Acties:

maandag 24 juni 2002 11:17

Topicstarter

ik heb allowtransparancy en body style transparent staan zoals ze moeten staan, maar het werkt dus niet ...

ik heb ook geprobeerd met style='filter:alpha(opacity = 50)' in het iframe tag van main, maar da werkt ook niet ..

en ik heb die threads ook geleze maar mijn probleem is nog niet opgelost met wat ik daar gelezen heb ...

misschien omdat in de te laden pagina een tabel met achtergrond zit die transparante cellen heeft ?

Acties:

Hangloozz

{ @$%&# }

Op maandag 24 juni 2002 11:09 schreef Daggie het volgende:

misschien omdat in de te laden pagina een tabel met achtergrond zit die transparante cellen heeft ?

misschien dat je dan ff bij de basis moet beginnen?

gewoon een 2-tal kale docs maken en pielen tot je ifarame transp. is.
Dan pas de rest vd code er in sodemieteren..bugs? dan langzaam je code d'rin en d'ruit tot het werkt.
Debuggen heet dat

www.jurgroessen.nl

maandag 24 juni 2002 11:23

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

Op maandag 24 juni 2002 10:24 schreef Daggie het volgende:
..Vooraleer ik hier geflamed wordt, ik heb de search functie gebruikt...

* RM-rf is ook wel bereid te flamen zonder dat je daarvoor eerst moet searchen (pakt zn bad-words-woordenboekje erbij)

wat het probleem eerder is, lijkt me, is niet zozeer dat je de juiste properties volgens de documentatie ingesteld hebt, je geeft immers zelf al aan dat dat correct is.

maar om te debuggen zul je op zoek moeten gaan naar conflicterende properties in je code.

gebruik je in je IFRAME danwel in de parent-pagina nog andere styles, een extern CSS (meen dat ID-styles inline styles overrullen), gebruik je daar andere elementen die wel backgrounds hebben en hebben deze vervolgens een 0px margin?

hoe ziet het eruit, welke kleur heeft je background (screenshot?) is interessanter dan enkel de mededeling 'het werkt niet'
in welke browser test je het?

eventueel kun je je code als test strippen van zoveel mogelijk niet ter zake doende content (of deze uitnotuleren) en kijken of die basic, enkel noodzakelijke versie werkt, als dat zo is kun je langzaam andere elementen terug toevoegen en zie je vanzelf in welk stuk het misgaat

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

maandag 24 juni 2002 11:37

Acties:

RM-rf:
(meen dat ID-styles inline styles overrullen)

Klopt.

Zoals aangegeven moet je al in je iframe tag definieren:

code:

1	<iframe src="melp.html" allowtransparency="true">

en vervolgens in melp.html tussen je < head > < /head > tags:

code:

<style type="text/css">
body {
  background-color:transparent;
}

That does the trick here.

maandag 24 juni 2002 11:52

Acties:

maandag 24 juni 2002 12:11

Topicstarter

Ik heb externe stylesheet ja, dit bevat enkel classes dus als ik die niet aanroep zou het moeten gaan, maar dat is ook niet het geval

uitzicht
achtergrond van main is wat hij moet zijn, daarin zit dan men iframe (en dat is 1 grote tabel met wat cellen in) de achtergrond van iframe is wit, en in dit wit zit een transparante gif (table background), deze toont hij ook)

als het niet duidelijk is neem ik screentje ...

kdenk dak nu eens zal beginnen met enkel de basis en kijken wat ik in godsnaam fout doe

Acties:

maandag 24 juni 2002 12:19

Topicstarter

nu voel ik mij echt dom ...

http://users.pandora.be/daggie/wtf.jpg

heb al de rest er afgeknipt om size klein te houden

ik gebruik IE 5.0 om te testen

het iframe :
<BODY STYLE="background-color:transparent">
</head>
...

parent :
<iframe src="test.html" allowtransparency="true"></iframe>

iemand ?

Acties:

Daggie:
het iframe :
<BODY STYLE="background-color:transparent">
</head>

'k Zou in ieder geval even je < body > na je < /head > plaatsen:

code:

1 2	</head> <body ...>

maandag 24 juni 2002 12:30

Acties:

maandag 24 juni 2002 12:34

Topicstarter

Op maandag 24 juni 2002 11:37 schreef willem169 het volgende:

[..]

en vervolgens in melp.html tussen je < head > < /head > tags:
code:
1
2
3
4
<style type="text/css">
body {
  background-color:transparent;
}
That does the trick here.

maar dat helpt ook niet ...

Acties:

Dennis

En style afsluiten:

code:

</style>

maandag 24 juni 2002 12:51

Acties:

Verwijderd

Op maandag 24 juni 2002 12:19 schreef willem169 het volgende:

[..]

'k Zou in ieder geval even je < body > na je < /head > plaatsen:
code:
1
2
</head>
<body ...>

idd, volgens mij word nu de body tag helemaal nie gebruikt omdat hij in de head staat ,dus plaats die </head> boven de body tag, dan moet het toch cker wel werken:7

maandag 24 juni 2002 12:56

Acties:

Daggie:
maar dat helpt ook niet ...

OK, foutje van mij;
wel de < style > afsluiten natuurlijk

maandag 24 juni 2002 12:57

Acties:

maandag 24 juni 2002 13:24

Topicstarter

body staat niet in head hoor, ik had willem ff verkeerd begrepen

body staat dus niet in head, maar het werkt nog steeds niet

en alles staat nochtans goed, begrijp het niet

Acties:

maandag 24 juni 2002 13:32

Topicstarter

voor de geïnteresserden : het werkt niet in IE 5.0

Met dank aan Willem169 !

Acties:

Graag gedaan, probleem opgelost dus.
Mensen, download massaal IE 6;

_w