Site Navigation

Friday, November 2, 2007

bug 287 - can't float over an iframe in Konqueror

Issue: #287
Affects: Konqueror 3.5.4
Status: [Fixed!]
Fixed in: Konqueror 4.0

Advanced web sites and applications these days tend to "float" content above the document window to provide dynamic tooltips, calendars, option lists, lightbox effects for image galleries etc.

In order to be able to do this, an element must be "floated" above the rest of the page, often with a higher z-index value to ensure it stays above all other elements.

In Konqueror however, you can't float elements above an iframe, regardless what the z-index is set to. The only exception is that you can float another iframe, over an iframe. See KDE Bug ID:141615.

Example:

<style>
#myFloaterDiv {
position: absolute;
width: 200px;
height: 200px;
top: 100px;
left: 100px;
z-index: 1000;
}
#myIframe {
position: absolute;
width: 300px;
height: 300px;
top: 200px;
left: 200px;
}
</style>
<div id="myFloaterDiv">
Floating above
This should be above the iframe.
</div>
<iframe id="myIframe" src="http://www.digg.com/">
</iframe>



Known Workarounds: None.

Related Issues: None.