Las miniaturas del control deslizante de Nivo no se muestran correctamente en IE

Realizando un new site pero algo le está sucediendo en IE. Compré el Nivo Slider para el plugin de WordPress y funciona bien, pero no muestra las miniaturas debajo del banner en IE.Las miniaturas del control deslizante de Nivo no se muestran correctamente en IE

Esto es lo que parece en Firefox enter image description here

Esto es lo que parece en IE enter image description here

Debido a que este es un plugin (y el sitio web no me da ningún apoyo después de 2 días) Realmente no tengo el CSS de origen, pero esperaba que pudieras echarle un vistazo con las herramientas de desarrollo para ver por qué podría no mostrarse en IE.

Esto es lo que he encontrado

.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 
    display: block; 
    height: auto; 
    width: auto; 
}

Cualquier ayuda o consejo se agradece.

ACTUALIZACIÓN

enter image description here

Después de poner en el nuevo código de las pantallas .Banner inferior en la parte superior de la bandera en todas las demás páginas.

Fuente

2012-06-19 kia4567

¿puede especificar qué versión (es) de IE no muestran las miniaturas? También la versión del complemento. –

No muestra las miniaturas en IE 7 y la versión del complemento Nivo Slider es de la versión más reciente v3.0.1. – kia4567

Añadir esta CSS (demo):

#ie6 .nivo-controlNav a, #ie7 .nivo-controlNav a { 
    position: relative; 
    text-indent: 0; 
}

Si no puede/no quiero apuntar IE, entonces esto también funcionará (demo):

body .nivo-controlNav a.nivo-control { 
    position: relative; 
    text-indent: 0; 
}

Fuente

2012-06-26 07:52:30

Funciona muy bien, gracias Jeffery. No sabía que esta pregunta recibió atención, así que no la revisé en los últimos 2 días de la recompensa. ¿Hay alguna manera de darte la otra mitad de la recompensa? – kia4567

Hmm ... desde que hace eso y visita otra página en el sitio, .banner-bottom se muestra encima de los banners más pequeños en todas las demás páginas. Consulte la pregunta actualizada. ¿Cómo se soluciona este pequeño problema? – kia4567

@ambrelasweb ¿Estás seguro de que este nuevo problema es causado por el nuevo CSS? Le sugiero que agregue esto a su hoja de estilo: '# ie6 #banner, # ie7 #banner {position: relative; } ' –

Ambrelasweb, su sitio web está usando Nivo Slider v3.0.1 y he preparado un jsFiddle que funciona en IE7 ya que las miniaturas no aparecen en ese navegador. También incluí un jsFiddle adicional para aquellos con el viejo Nivo Slider v2.7.1 también.

Referencia: jsFiddle for Nivo Slider v3.0.1
Referencia: jsFiddle for Nivo Slider v2.7.1

CSS Mínimo: .theme-default.controlnav-thumbs .nivo-controlNav a {text-indent:0px;}

su página web en particular tiene un tema aparte con nombre de clase de .banner-bottom que realmente "cubrir" las miniaturas vez que se aplica la mínimo Nivo Slider CSS se muestra arriba. Para ver rápidamente las miniaturas en IE7, solo comente temporalmente el span tag que contiene la clase .banner-bottom.

Fuente

2012-06-26 09:04:47 arttronics

intente utilizar el siguiente para ver si los pulgares aparecen:

.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 
    display: block; 
    height: auto; 
    width: auto; 
    /width:100%; 
    /height:100%; 
}

Eso debería cambiar la altura y la anchura de los atributos sólo para IE. Si aparece, es posible que deba especificar un ancho y una altura.

Fuente

2012-06-27 19:45:16 ckpepper02

Las miniaturas del control deslizante de Nivo no se muestran correctamente en IE

Respuesta

Cuestiones relacionadas