Imagen sobre div-contenedor -- ss campo con html campo con image campo con overlap camp Relacionados El problema

Image over div-container


3
vote

problema

Español

¿Cómo puedo superponer la tira de mensaje con el div?

imagen sobre div-contenedor

La posición de la DIV "NAV" debe ser fija.

  <img src="images/diagonal_corner_message_strip.png" id="copyright" /><div id="nav">   <ul>     <li><a class="top" href="#top"><span></span></a></li>     <li><a class="bottom" href="#bottom"><span></span></a></li>     <li><a>List</a></li>     <li><a>Create</a></li>   </ul>  </div>  #nav {     padding: 6px 0;     border-bottom:1px solid #ddd;     position:fixed;     width:100%;     top:0px;     left:0px;     right:0px;     margin:0;     background:#fff url(../images/navigation/nav.png) repeat-x center left;     z-index:999999; }  img#copyright {     position:absolute;     top:0px;     left:0px;     right:0px;     float:left; }   

¡Gracias mucho!

Original en ingles

How can I overlap the message strip with the div?

Image over div-container

The position of the div "nav" must be fixed.

<img src="images/diagonal_corner_message_strip.png" id="copyright" /><div id="nav">   <ul>     <li><a class="top" href="#top"><span></span></a></li>     <li><a class="bottom" href="#bottom"><span></span></a></li>     <li><a>List</a></li>     <li><a>Create</a></li>   </ul>  </div>  #nav {     padding: 6px 0;     border-bottom:1px solid #ddd;     position:fixed;     width:100%;     top:0px;     left:0px;     right:0px;     margin:0;     background:#fff url(../images/navigation/nav.png) repeat-x center left;     z-index:999999; }  img#copyright {     position:absolute;     top:0px;     left:0px;     right:0px;     float:left; } 

Thanks a lot!

           

Lista de respuestas

4
 
vote
vote
La mejor respuesta
 

El z-index de #nav está configurado en 999999 .

El z-index de img#copyright no está configurado.

El http://localhost/exampleProj/0 define el orden en que se mostrará elementos, con el valor más alto que se muestra en la parte superior. La solución a su problema es fácil, dar http://localhost/exampleProj/11111 A MAYOR http://localhost/exampleProj/2 que http://localhost/exampleProj/3 .

 

The z-index of #nav is set to 999999.

The z-index of img#copyright is not set.

The z-index defines the order in which elements will be shown, with the highest value being shown on top. The solution to your problem is easy, give img#copyright a higher z-index than #nav.

 
 

Relacionados problema

343  ¿Determina si dos rectángulos se superponen entre sí?  ( Determine if two rectangles overlap each other ) 
Estoy tratando de escribir un programa C ++ que toma las siguientes entradas del usuario para construir rectángulos (entre 2 y 5): altura, ancho, x-pos, y-POS...

0  Suma de duraciones de superposición para cada combinación de 2 llaves extranjeras en MySQL  ( Sum of overlap durations for each combination of 2 foreign keys in mysql ) 
Tengo una base de datos con trabajadores, estaciones y sesión. Una sesión describe en qué momento ha estado trabajador en qué estación. Logré construir una co...

0  Detectar la superposición de dos círculos en JavaScript  ( Detect overlap two circle in javascript ) 
Tengo un bucle con PHP que produce círculos con lienzo HTML 5. Y la posición de los círculos es al azar como este código: ctx.arc( Math.floor((Math.random(...

21  ¿Comprobando una tabla para la superposición de tiempo?  ( Checking a table for time overlap ) 
Tengo una tabla MySQL con los siguientes campos: Nombre Tiempo de inicio endiempo starttime y endtime son los campos MySQL (NO DATETIME ). Nec...

3  ¿Por qué DIV se superponen?  ( Why div are overlapping ) 
Intento poner muchos DIV, así. Pero algo está mal, todos ellos se superponen. Intenté buscar en Internet pero no pude encontrar solución. ¿Algún consejos ...

0  Problemas de Safari con JavaScript + CSS  ( Safari issues with javascript css ) 
Tengo algún comportamiento extraño con Safari, estoy usando el complemento JQuery.GridLayout y CSS para el estilo. Solo para algún contexto, este diseño del...

0  Elementos de posición sin superposición  ( Position elements without overlap ) 
Tengo una serie de elementos rectangulares que quiero posicionar en un espacio 2D. Calculo una posición ideal para cada elemento. Ahora, mi problema es que mu...

0  ¿Cómo saber si un niño de WX.Panel se colocó arriba o unir a otro niño (WXPYTHON)?  ( How to tell if a child of wx panel was placed above or unde another child wxpyt ) 
Tengo un wx.panel con varios niños en ella. ¿Cómo le digo, al colocar a otro niño, si no está pisando un niño ya colocado? (quiero decir que puedo pensar ...

1  Barra de navegación superpuesta en iOS 6 con otra vista  ( Overlap navigation bar on ios 6 with other view ) 
Para un proyecto de iPhone con un diseño "único" (con el que no soy feliz) necesito dibujar una vista personalizada que se superpone parcialmente la barra de ...

0  Se superponen la línea arbitraria con líneas horizontales / verticales  ( Arbitrary line overlap with horizontal vertical lines check ) 
¿Cómo puedo verificar de manera eficiente si una línea arbitraria se superpone con una línea vertical? ¿Cómo puedo verificar de manera eficiente si una línea ...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos