How to put DIV over FRAMESET?

I want the DIV layer to be drawn on top of my frameset. I heard that a DIV can be placed inside a <frameset> , but this does not work for me.

The following example does not work. I don’t even see the DIV in the Firebug HTML inspector.

 <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Test of frameset with div</title> <style type="text/css"> #flashContent { position:fixed; left:200px; bottom:200px; width:400px; height:400px; background-color:red; z-order:1000; } </style> </head> <frameset rows="*,100px" style="z-order:10"> <frame src="content1.html"> <frame src="bottom.html"> <div id="flashContent"> Something </div> </frameset> </html>

+4

Dims Jan 28 '12 at 17:14

1 answer

You cannot put DIVs on top of framesets . The only way to achieve this is to place the DIV over the iFrame . At least for newer browsers ( no IE6 ).

According to your code example, you should completely place your DIV , including the z-index property:

 #flashContent { position: absolute; left: 200px; bottom: 200px; z-index: 2; width:400px; height:400px; background-color:red; }

+7

david Jan 28 '12 at 20:27

Source: https://habr.com/ru/post/1393532/

All Articles