J'ai un problème avec mon fondu avec légende dans jquery .. mon problème est le suivant Les messages de roulement sur l'en-tête descendent dans le corps de la page sur IE8.Fondu avec message de légende problème IE8 jquery
S'il vous plaît j'ai laissé ici l'URL.
http://www.aerocom.net.au/index.php?id=contact-us
Merci à l'avance
C'est probablement à cause de cette ligne (à partir aerocom.js), qui définit la largeur de la légende:
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
Vous essayez d'obtenir la largeur sur l'image sur le document prêt, mais c'est avant que l'image est chargée, et par conséquent la largeur est 0.
Vous pouvez soit obtenir la largeur la charge de la fenêtre, lorsque l'image est chargée:
$(window).load(function() {
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
});
Ou continuer à utiliser le document prêt, et définir une largeur sur la balise img:
<img width="980" src="http://www.aerocom.net.au/theme/Default_Simple/image/banner/banner4.jpg">
Je recommande l'ancien. Je définirais aussi une hauteur. En faisant cela, le navigateur peut ignorer quelques reflows lors du rendu initial de la page, ce qui signifie un chargement plus rapide.