---
title: "popup ifram, flytande bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/147138-popup-ifram-flytande-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Gimbo"
published: "2006-05-20T15:11:24.000Z"
updated: "2006-05-20T18:31:10.000Z"
replies: 2
views: 469
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/javascript/147138-popup-ifram-flytande-bild"
---

# popup ifram, flytande bild

## #1 — Gimbo, 2006-05-20T15:11Z

tja,

har ett litet ovnaligt problem här, jag öppnar en länk i en popup i själva popup rutan har jag en iframe, och i den iframen har jag en url som jag läser in, men nu är det så att jag vill ha en bild som täcker toppen av iframen, så att en viss del utav länken som jag har i iframen inte syns, men får det inte riktigt att fungera, bilden som jag inkluderar hamnar under iframen, man jag vill att den skall hamna över iframen.

```
<script language="JavaScript" type="text/javascript">
<!-- ;
var newwindow
function popup(url , title) {
if (newwindow && !newwindow.closed) 
{ newwindow.focus(); newwindow.document.clear() } 
else 
{ newwindow=window.open('','','width=404,height=316,resizable=1') }
newwindow.document.writeln('<html> <head> <title>' + title + '<\/title> <\/head> <body bgcolor=\"black\"> <center>');
newwindow.document.writeln('<iframe src=' + url + '  width=300 height=300 id=chatframe frameborder=0 SCROLLING=yes border=0 class=iframe></iframe>');
newwindow.document.writeln('<img border=0 src=img/bigSmile.jpg width=158 height=156 style=\"position:relative; left:50px; top:50px; z-index:0\">');
newwindow.document.writeln('<\/center> <\/body> <\/html>');
newwindow.document.close();
}

function tidy()
{
if (newwindow && !newwindow.closed) { newwindow.close(); } 
}

// Based on JavaScript provided by Peter Curtis at [url]www.pcurtis.com[/url] -->
</script>
```

det är följande bild som jag vill ska täcka en del utav iframen: img/bigSmile.jpg 

hoppas ngn kan hjälpa!

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

## #2 — threshold, 2006-05-20T15:26Z

Hej,

inte säker på om det här blir precis som du ville att det skulle vara - men... jag hoppas det :)

Om du vill att bilden ska täcka mer av iframe:n kan du ändra margin-top:-30px; 

```
newwindow.document.writeln('<html> <head> <title>' + title + '<\/title> <\/head> <body bgcolor=\"black\"> <center>');
newwindow.document.writeln('<img border=0 src=img/bigSmile.jpg width=158 height=156 style="position:relative;z-index: 10;display:block;" />');
newwindow.document.writeln('<iframe src=' + url + '  width=300 height=300 id=chatframe style="margin-top:-30px; z-index: 1;position:relative;" frameborder=0 SCROLLING=yes border=0 class=iframe></iframe>');
newwindow.document.writeln('<\/center> <\/body> <\/html>');
```

/David

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

## #3 — Gimbo, 2006-05-20T18:31Z

super tack stjärnan :D!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/147138-popup-ifram-flytande-bild
