L'image ne s'affiche pas dans IE 8

Question

J'ai une image dans la balise div et j'élargis et écrase cette balise div.

Lorsque l'étiquette div est développée, les informations sont affichées et lorsque l'étiquette div est réduite, les informations ne sont pas affichées.

L'image s'affiche correctement dans IE 9, Mozilla mais dans IE 8, elle ne s'affiche pas.

J'ajoute l'image dans div tag dynamiquement dans le code derrière.

Mon code est le suivant

String expandDivId = String.Format("{0}", "testkey"); 
StringBuilder testLinks = new StringBuilder(); 

testLinks.Append(String.Format("<div><a href='#' id='" + expandDivId + "-or" + " onclick='javascript:ExpandInfo(\"" + expandDivId + "\"); return false;'>{0}</a></div>", "TestTitle")); 

testLinks.Append(String.Format("<div style='display: none;' id='{0}'>", expandDivId)); 

testLinks.Append("<div class=\"head1\" style=\"font-weight:bold\">Test Informaton</div>"); 

testLinks.Append("<div style=\"text-align:left;\">Test data and informaion.<br /><br /></div>"); 

testLinks.Append("<a href='http://www.forums.asp.net' target='blank'>test heading 1</a>&nbsp;<img src=\"../../images/TestIcon.png\" alt=\"PDF\" width=\"14\" nowrap/><br/>"); 

testLinks.Append("</div>"); 

Ma fonction javascript est comme suit

function ExpandInfo(divId) { 
    var origin = $("#" + divId + "-or"); 
    if ($(origin).hasClass("ex")) { 
     $(origin).text($(origin).text().slice(0, -1) + "+"); 
    } else { 
     $(origin).text($(origin).text().slice(0, -1) + "-"); 
    }  
    $("#" + divId).slideToggle("500"); 
    $(origin).toggleClass("ex"); 
} 

S'il vous plaît laissez-moi savoir pourquoi l'image ne s'affiche dans IE 8.

Answer 1

Vous avez besoin pour ajouter un attribut de hauteur. Un élément img est techniquement invalide sans un, mais la plupart des navigateurs fonctionneront. IE8 (prévisible, peut-être) suppose simplement que votre image n'a pas de hauteur du tout, et ne semble donc pas l'afficher.