Overlay Div über Iframe
Ich erstelle ein Widget, das den uservoice-Widgets ähnlich ist, mit der Ausnahme, dass der Inhalt der Seite in einem iFrame enthalten sein soll, anstatt dass das Widget über Javascript angezeigt wird. Wie kann ich einen iFrame für eine ganze Seite (Breite / Höhe 100%) mit einem Div, der links vom Browser angebracht ist, haben? Ein Beispiel (mit Javascript anstelle von CSS / HTML) finden Sie hier:http://uservoice.com/demo
Ich möchte, dass dieses Widget nativ auf der Seite erscheint und der Inhalt über iFrame geladen wird.
Irgendwelche Ideen? Ich kann nicht dafür sorgen, dass der iFrame die gesamte Seite ausfüllt und auch oben angezeigt wird. Ich habe mit Z-Indizes zu keinem Glück gespielt. Codebeispiel:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style>
#widget {
left: 0px;
position: absolute;
top: 50%;
display: block;
z-index:100001;
width: 25px;
}
#content {
z-index:1;
}
</style>
</head>
<body>
<div id="widget">
widget
</div>
<iframe frameborder="0" id="content" src="http://www.google.com/" width="100%" height="100%"></iframe>
</body>
</html>