簡體   English   中英

Chrome VS Firefox img顯示兼容性

[英]Chrome VS Firefox img display compatibility

我的橫幅顯示在網站的側面。 Firefox和IE可以很好地解決這些問題,但是在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!〜!〜

正確的橫幅類也如下

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:

當我檢查Chrome 0x0中的元素時,可能是這樣,但是我看不到設置了什么

您的“圖像寬度”設置為“ width:auto \\ 9;” 嘗試使用“ width:auto;”。 (不帶\\ 9)。 另一個問題:“垂直對齊”僅適用於“顯示:表格單元”元素,不適用於“顯示:內聯”元素(img)。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM