javascript - Chrome VS Firefox img 显示兼容性

Question

我的网站侧面显示了横幅。 Firefox 和 I.E.把它们拉起来就好了，但是在 chrome 中我根本没有得到它们。如果我检查该元素，我可以看到它在 chrome 中有图像的 url，在资源中它有图像，但它没有显示。

if (drBanner.Length > 0)
{
  for (int iRowIndex = 0; iRowIndex < drBanner.Length; iRowIndex++)
  {
    if (!CheckImageExist(drBanner[iRowIndex]["imgurl"].ToString()))
        continue;
    bannerValues += "{img class='right-banner' src='" + drBanner[iRowIndex]["imgurl"] +
                    "' onclick=MoveWindow('" + drBanner[iRowIndex]["imgnavurl"] + "') alt='" +
                    drBanner[iRowIndex]["imgalttxt"] + "'} $!$! " +
                    (drBanner[iRowIndex]["ovrimgimp"].ToString() == "0"
                        ? "1"
                        : drBanner[iRowIndex]["ovrimgimp"].ToString()) + "!~!~";
  }
}

bannerValues结果如下

{img class='right-banner' src='../Banners/oms_contactussidebar_oms_contactussidebar.jpg' onclick=MoveWindow('') alt=''} $!$! 1!~!~

右边的banner类也是如下

img {
    max-width:100%;
    width:auto\9;
    height:auto;
    vertical-align:middle;
    border:0;
    -ms-interpolation-mode:bicubic;
}

有什么想法吗？ 编辑 1: 这是在 chrome 和 FF 页面上检查时显示的 HTML。

<div style="height: 620px; width: 160px;" id="divBanner">
<img img="" class="right-banner"  src="../Banners/oms_orderingsidebar_oms_orderingsidebar_oms_orderingsidebar.jpg"   onclick="MoveWindow('')" alt=""> 
</div>

编辑 2:

Answer 1

您的“图像宽度”设置为“width:auto\9;”尝试使用“宽度:自动；” (没有\9)。其他问题:“垂直对齐”仅适用于“显示:表格单元格”元素，不适用于“显示:内联”元素(img)。