2

div タグに画像があり、その div タグを展開したり折りたたんだりしています。

タグが展開されるdivと情報が表示され、div タグが折りたたまれると情報は表示されません。

IE 9、Mozilla では画像が正しく表示されますが、IE 8 では表示されません。

divコードビハインドで動的にタグに画像を追加しています。

私のコードは次のとおりです

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>");

私のjavascript関数は次のとおりです

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");
}

IE8で画像が表示されない理由を教えてください。

4

1 に答える 1

-1

高さ属性を追加する必要があります。img要素は技術的に無効ですが、ほとんどのブラウザはそれを解決します。IE8（おそらく）は、画像に高さがまったくないと想定しているため、画像が表示されていないように見えます。

于 2012-10-21T19:34:58.730 に答える