EL ÍNDICE Z EN SEC PUEDE HACER TRABAJO CONDUCIDO EN MÍNIMO Y EN LA PARTE SUPERIOR

Un usuario preguntó 👇

Hola,

Estoy ahí para algunos ajustes más …

Cuando uso un módulo de texto para crear un menú desplegable a partir de una sola palabra, tengo dificultades cuando el menú se despliega, expande el módulo y empuja la fila y la parte que contiene el módulo a continuación. No es el resultado deseado.

Intentando expandir / soltar el menú en la parte superior delante / encima de todo para que la parte y la fila no se muevan.

Usé un índice z: 1; (y automático y 1 a 5) en la SEC no funciona. ¿Se pregunta qué me estoy perdiendo? ¿Existe una solución rápida?

Esta página contiene un ejemplo: https://signmasters.com/menu-mock/

SEC UTILIZADO EN OPCIONES GENERALES DE TEMA DIVI AQUÍ:

 }

 .dropdown {
 position: relative;
 display: inline-block;

 }

 .dropdown-content {
 display: none;
 position: absolute;
 background-color: #ff0000;
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 padding: 12px 16px;
 z-index: auto;
 }

 .dropdown:hover .dropdown-content {
 display: block;
 position: relative;

 }

Y ESTO ES LO QUE UN MÓDULO DE TEXTO – REDES DE TEXTO – MEDIOS – TEXTO:

 <p><strong>QUALITY</strong><br /><strong> SIGNAGE</strong><br /><strong> Since 1976!</strong></p>
 <div class="dropdown"><p><strong><span style="color: #ff0000;">MENU</span></strong></p>
 <div class="dropdown-content">
 <p><a href="https://wordpress.org/support/topic/does-z-index-in-css-work-to-keep-drop-down-in-front-on-top/blank2pagecopy2/">Hello World!</a></p>
 <p><a></p>
 </div>
 </div>

¡AYUDA!

Gracias,

Estados Unidos

Este tema fue modificado hace 3 años por. Este tema fue modificado hace 3 años por.

(@bootsgrid)

hace 3 años

Hola,

Se debe cambiar el código html desplegable y el contenido desplegable.

Código real:

<div class="dropdown"><p><strong><span style="color: #ff0000;">MENU</span></strong></p>
 <div class="dropdown-content">
 <p><a href="../blank2pagecopy2/">Hello World!</a></p>
 <p><a></p>
 </div>
 </div>

Código actualizado:

<div class="dropdown"><p><strong><span style="color: #ff0000;">MENU</span></strong></p></div>
 <div class="dropdown-content">
 <p><a href="../blank2pagecopy2/">Hello World!</a></p>
 <p><a></p>
 </div>
 

Cambiar el ritmo de CSS

Código real:

.dropdown-content {display: none; posición: absoluta; color de fondo: # ff0000; ancho mínimo: 160px; cuadro de sombra: 0px 8px 16px 0px rgba (0,0,0,0.2); relleno: 12px 16px; índice z: automático; }

Código actualizado:

.dropdown-content
{
visibility: hidden;
position: absolute;
background-color: #ff0000;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 99999;
transition: visibility 0s, opacity 0.5s linear;
opacity: 0;
}
.dropdown p:hover .dropdown-content
{
 visibility: visible;
opacity: 1;
}

[ Signature deleted ]

Esta respuesta fue modificada hace 3 años por. Lanzador de hilos

(@ sm2018)

hace 3 años

Hola y gracias por esa información 🙂

He intentado que funcione de muchas formas diferentes. No, no estoy seguro de qué estoy haciendo mal.

No se caiga cuando esté suspendido. También al encontrar diferentes formas, el blanco cayó y todos presionaron bajo la palabra «MENÚ» hacia abajo, no hacia arriba.

Tratando de resaltar un menú desplegable en la palabra «MENÚ» y vinculando tesx en el menú desplegable, justifique la izquierda. Texto negro en cuadro blanco. Además de todo lo relacionado con la palabra «MENÚ»

Dibujar en https://signmasters.com/menu-mock/

Gracias UNA MIEL !!!

Estados Unidos

¿Solucionó tu problema??

SíNo

0 / 0