Chrome VS Firefox img显示兼容性

时间:2014-09-26 21:02:52

标签: javascript jquery html css google-chrome

我的网站旁边有横幅。 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

1 个答案:

答案 0 :(得分:0)

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