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

Question

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

Я хочу, чтобы слой DIV рисовался на моем наборе кадров. Я слышал, что DIVs могут быть размещены внутри <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>

4

html css html-frames

Источник

user258483 28 янв '12 в 17:14

1 ответ

Решение

Другие вопросы по тегам html css html-frames

user120296 28 янв '12 в 20:27 2012-01-28 20:27 · Accepted Answer · 2012-01-28 20:27

Вы не можете позиционировать 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;
}