Toon posts:

[I-frame & DIV] Div tonen over I-frame kan dat?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ola
Ik heb hier een index.html daarin zit een 200 x 200 i frame (content.html) nu wil ik in index.html een DIV layer tonen over de content area van de i-frame. En als er dan genavigeerd wordt, dan toont hij nog steeds die layer over de scrollende i frame content.

kan dat?

bedankt

  • Glimi
  • Registratie: Augustus 2000
  • Niet online

Glimi

Designer Drugs

(overleden)
Dit is geen P&W topic, maar W&G. Lees het even na in de quickstart (Quickstart (update 2/10/2002)).
P&W -> W&G

Lees wel zelf even de W&G quickstart door (Nieuw in W&G? Lees dit eerst.... (Beleid & FAQ)) en pas je openingstopic daaraan aan, zodat het topic binnen de W&G policy valt :)

[ Voor 38% gewijzigd door Glimi op 23-12-2002 16:40 ]


  • M4RTiN
  • Registratie: Augustus 2000
  • Laatst online: 24-11-2024
misschien als je flash in die div zet wel denk ik

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

vanaf IE 5.5 kun je div's over een iframe laten vallen.
Iframe in div zetten met een lagere z-index.
het kan dus..

www.jurgroessen.nl


  • Not Pingu
  • Registratie: November 2001
  • Laatst online: 18-08 10:07

Not Pingu

Dumbass ex machina

let wel op dat dit niet werkt in gecko-based browsers, mijn ervaring is dat bij non-IE browsers de iframes vaak boven de DIVs komen (netscape 6 en eerder, die nog met LAYER ipv. IFRAME werkte, maken het iig onmogelijk om een div boven een LAYER te zetten).

Certified smart block developer op de agile darkchain stack. PM voor info.


Verwijderd

het werkt dus wel in Gecko based browsers (vanaf Mozilla 1.0) tijd om te upgraden!

en om het te bewijzen:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Lekker wel!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
iframe {
    position: absolute;
    left: 50px;
    top: 50px;
    width: 350px;
    height: 350px;
    z-index: 1;
    border: 0px;
}
div {
    position: absolute;
    left: 30px;
    top: 30px;
    height: 350px;
    width: 350px;
    z-index: 2;
    background-color: #ff0000;
    -moz-opacity:50%;
    filter: Alpha(Opacity=50);
}
</style>
</head>

<body>
<div></div>
<iframe src="http://www.tweakers.net"  scrolling="no"></iframe>
</body>
</html>

[ Voor 81% gewijzigd door Verwijderd op 23-12-2002 17:59 ]


  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

Gunp01nt schreef op 23 december 2002 @ 17:09:
let wel op dat dit niet werkt in gecko-based browsers, mijn ervaring is dat bij non-IE browsers de iframes vaak boven de DIVs komen (netscape 6 en eerder, die nog met LAYER ipv. IFRAME werkte, maken het iig onmogelijk om een div boven een LAYER te zetten).
ik noemde ook specifiek 'vanaf IE5.5' , dat betekent vanaf Internet Explorer versie 5.5 ;)

www.jurgroessen.nl


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 14:43

crisp

Devver

Pixelated

Hangloozz schreef op 23 december 2002 @ 17:51:
[...]

ik noemde ook specifiek 'vanaf IE5.5' , dat betekent vanaf Internet Explorer versie 5.5 ;)
yep, en NS6 < Mozilla 1.0 :)

Intentionally left blank

Pagina: 1