Problemas con el navegador

[tquezada]

Hola amigos tengo un problema y ojala me ayuden a salir de el.

yo estoy recién aprendiendo a usar css y he tenido bastantes problemas con IE,
mi problema es el siguiente:

Tengo un menú horizontal que despliega sub-menús y así sucesivamente y debajo del menú tengo una foto, el problema es cuando despliego un menú de mete detrás de la foto y solo me pasa en IE y no se como solucionarlo.

Ojala puedan ayudarme de antemano gracias.

[jonni09lo]

Sin el código es muy difícil adivinar además no especificas en que versión de IE falla y por último ya que empieza 2014 no recomiendo dar soporte para IE8 (En el 2014 acaba el soporte para Windows XP)

PD: Pon el código en jsfiddle o en coden pen para poderlo ver online

Saludos

[_Neon]

asegurate de definir la posicion de la imagen con z-index

[tquezada]

gracias por responder pondré un poco de código ya que es mucho.
la imagen que tengo debajo es un slider de imágenes.
tengo IE 10.

Código CSS:

#contenedor_menu {
    float: left;
    width: 100%;
    background-repeat: repeat-x;
}
 
.boton_menu {
    font-family: "Myriad Pro";
    font-size: 13px;
    text-transform:capitalize;
    color: #FFF;
    width: auto;
    height: 23px;  /*distancia entre el menu y el slider*/
    float: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ffffff;
}
 
.boton_menu a:link{
    font-family:"Myriad Pro";
    font-size: 13px;
    text-transform: capitalize;
    color: #FFF;
/*  font-weight:bold;*/
}
 
.boton_menu a:hover{
    font-family: "Myriad Pro";
    font-size: 13px;
    text-transform: capitalize;
    color: #333;
}
 
.boton_menu a:visited{
    font-family: "Myriad Pro";
    font-size: 13px;
    text-transform: capitalize;
    color: #333;
}
 
.boton_menu a:active{
    font-family: "Myriad Pro";
    font-size: 13px;
    text-transform: capitalize;
    color: #333;
    
}
 
/* Menú Superior Estilo */
 
.menu {
    margin:1px; 
    list-style:none;
    height:35px;
    width:900px;
    position:relative;
    font-family:"Myriad Pro";
    background-color:#d1d625;
}
 

y este es el del slider

Código CSS:

#slider_container_2 { 
    float: left; 
    margin: 0 0 0 -15px; 
    padding: 15px; 
    width: 700px; 
 
}
 
.SliderName_2 {
    float: left;
    width: 700px; /*POCISION DE LA IMAGEN EN LA PANTALLA*/
    height: 300px;/*DISTANCIA DE LA IMAGEN CON LOS BULLETS*/
    overflow: hidden;
    
}
 
.SliderNamePrev_2 {
    background: url(../img/left.png) no-repeat left center;
    width: 35px;/*ditancia para presionar la flecha*/
    height: 300px;/*ALTURA DE LA FLECHA IZQUIERDA*/
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
}
 

no lo puedo poner online ya que hay javascript,css,html,php y el codigo es muy largo :(

[jonni09lo]

Por nigún lado veo como estña definido el Submenú. Prueba añadiendo un z-index al submenú (por ahí de 1000 al que tiene position absolute) y has la prueba, a parte de ello revisaste jsfiddle o codepen? No necesitabas colocar todo online, solo el html y el css que genera conflicto

Saludos

[tquezada]

Iniciado por jonni09lo

Por nigún lado veo como estña definido el Submenú. Prueba añadiendo un z-index al submenú (por ahí de 1000 al que tiene position absolute) y has la prueba, a parte de ello revisaste jsfiddle o codepen? No necesitabas colocar todo online, solo el html y el css que genera conflicto

Saludos

Gracias amigo por la respuesta añadí un

Código CSS:

z-index:1;
 

al sub-menú y se soluciono

IE me a dado bastantes problemas en el desarrollo