S'il vous plaît consulter cet exemple, d'abord en FF, Chrome ou Safari:IE montre mon image seulement 1 pixel haute
[lien de démonstration supprimé]
Vous remarquerez une grande image. Il va effectivement évoluer lorsque vous redimensionnez votre fenêtre. C'est une image fluide à l'intérieur d'un récipient de fluide. Maintenant, vérifiez dans IE8 ou IE7. Je ne me doutais pas que IE nécessitait une sorte de correction de largeur pour lui donner une certaine dimension de base, donc je jouais avec l'image à une hauteur minimale de 75%, ou un minimum de 1:
-largeur de 75% dans le cas où il s'agit d'une image portrait.Cela lui donne en effet la hauteur nécessaire, mais il casse la fonction de redimensionnement.Avec une min-hauteur de 75%, redimensionner la fenêtre sur une largeur étroite pour voir ce que Je veux dire, il va perdre la ration d'aspect de l'image
Pourquoi oh pourquoi ne peut pas IE respecter ces largeurs liquides et hauteurs
PS:.? Je pensais à des corrections de hasLayout, mais qui est re déplacé de IE8 et ne semble pas fonctionner dans les versions antérieures pour ce cas particulier non plus.
Vous avez raison de montrer l'image dans IE, mais l'effet secondaire indésirable est que l'image n'est plus mise à l'échelle lorsque vous redimensionnez la fenêtre :( – Ferdy
Suppression de l'attribut 'height' dans IE, Firefox , Chrome avec l'outil Firebug correspondant dans chaque navigateur, l'image est toujours exactement la même lorsque je redimensionne la fenêtre comme avant l'extraction de l'attribut (sauf que le problème d'image 1px dans IE8 est corrigé). – thirtydot
Ok, en regardant à nouveau votre code en direct actuel, vous avez ceci: '
'. Il ne devrait pas être 'largeur: 75%', mais 'width =" 75% "'. –
thirtydot