Question

我的网站旁边有横幅。 Firefox和I.E.把它们拉得很好但是在铬合金中我根本得不到它们。如果我检查元素，我可以看到它里面有图像的网址在chrome和资源中它有图像，但它只是没有显示。

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 =＆＃39; right-banner＆＃39; SRC =＆＃39; ../横幅/ oms_contactussidebar_oms_contactussidebar.jpg＆＃39; onclick = MoveWindow（＆＃39;＆＃39;）alt =＆＃39;＆＃39;} $！$！ 1！〜！〜

正确的横幅类也如下

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：

When I inspect the element in Chrome 0x0 maybe that could be it but I don't see what's setting it

Answer 1

您的“图片宽度”设置为“width：auto \ 9;”试试“width：auto;” （没有\ 9）。其他问题：“vertical-align”仅适用于“display：table-cell”元素，而不适用于“display：inline”元素（img's）。

Chrome VS Firefox img显示兼容性

1 个答案: