Colorbox en IE8 lanzando un tambaleante

Question

Este problema ocurre en Firefox y Chrome, pero Safari está bien. IE8, sin embargo, en modo de compatibilidad o no, no carga la superposición en la parte superior (simplemente se encuentra en la parte superior, desplaza el contenido hacia abajo, aunque supongo que esto se debe a que la superposición está en la parte superior de la marca).

Tampoco muestra la imagen que intento mostrar, pero reduce la imagen de carga de superposición a nada en la parte superior izquierda de la pantalla. Estoy usando el estándar colorbox-min y el CSS que lo acompaña.

La inspección del marcado en las herramientas de desarrollo IE8 parece indicar que el contenido no se carga realmente en el div cboxLoadedContent.

$(document).ready(function() { 
    $('a[rel="preview"]').colorbox(
     { 
      photo: true 
      , maxWidth: '95%' 
      , maxHeight: '95%' 
      , photoScaling: true 
     } 
    ); 
}); 

básicamente la página es una lista de las imágenes de los medios y al hacer clic en uno le da la vista previa y le permite desplazarse a través de los en la página bueno al menos no en FF tomó un poco de pantalla, ya que estaba reduciendo la superposición thingy http://dumpt.com/img/viewer.php?file=7s2zwoxozzf7666h0fzc.png

¿Alguien tiene alguna idea?

Espero que mi explicación no sea buena, así que tal vez podría sacar una película o algo si fuera necesario.

Answer 1

¿Está su código envuelto en una función lista? He visto instancias en las que el código que funciona en FF/Safari falla en IE porque IE parece cargar el DOM más lentamente. En esos casos, casi siempre resulta que no he podido ajustar el código en una función lista.

$(function() { // the important bit 
    $('.colorbox').load('...').colorbox(); 
}); 

Answer 2

Probar un doctype estricto XHTML ...?

Answer 3

He experimentado exactamente los mismos síntomas, pero en mi caso se extendió a todos los navegadores.

Una de las causas fue que no incluí el archivo CSS que uso para las páginas que usan colorbox.

Otra causa fue que actualicé a la versión más reciente de jQuery, pero no actualicé el colorbox. (Además, si actualiza su jquery include, asegúrese de actualizar también su jquery vs doc, si es que incluso lo está usando).

Espero que ayude.

Answer 4

buscar en sus archivos Colorbox para esto:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 

Habrá varias instancias de ella, cada uno apuntando a un png. Asegúrate de que la ruta a ese png es correcta, luego pruébalo nuevamente.

Estoy bastante seguro de que tuve este problema exacto en un punto, y arreglar los caminos era todo lo que tenía que hacer. Sin embargo, ha pasado un tiempo así que mi memoria es un poco confusa.

Answer 5

Tuve el mismo problema. También tuve un problema con la imagen de solo 10 px de ancho debido a que IE no le gustaba que CSS max-width se estableciera al 100%. Para aliviar el problema, agrego lo siguiente a mi CSS.

.cboxIE img 
    { 
     max-width:none; 
     _max-width:none; 
    }