Question

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

请让我知道为什么图像没有在IE 8中显示。

Answer 1

您需要添加height属性。没有一个img元素在技术上是无效的，但大多数浏览器都会解决它。 IE8（可以预见，或许）只是假设你的图像根本没有高度，所以不会显示它。

图像未在IE 8中显示

1 个答案: