Как поставить DIV поверх FRAMESET? - PullRequest
Новая
       14

Как поставить DIV поверх FRAMESET?

4 голосов
/ 28 января 2012

Я хочу, чтобы слой DIV рисовался на моем наборе кадров.Я слышал, что DIV могут быть размещены внутри <frameset>, но у меня это не работает.

Следующий пример не работает.Я даже не вижу DIV в HTML-инспекторе Firebug. 

<!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>

1 Ответ

7 голосов
/ 29 января 2012

Вы не можете поместить DIVs поверх framesets. Единственный способ добиться этого - расположить ваш DIV над iFrame. По крайней мере, для новых браузеров ( без IE6 ).

В соответствии с вашим примером кода вы должны позиционировать DIV, включая свойство z-index: 

#flashContent {

  position: absolute;
  left: 200px;
  bottom: 200px;
  z-index: 2;

  width:400px; 
  height:400px; 
  background-color:red;
}
...