Chrome VS Firefox img顯示兼容性

我有在我的網站一側顯示的橫幅。 Firefox和I.E.把它們拉起來就好了，但是我沒有得到它們。如果我檢查元素，我可以看到它的內部圖像的網址在Chrome中，並且在它擁有圖像的資源中顯示，但它只是不顯示。Chrome VS Firefox img顯示兼容性

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類= '右橫幅' SRC = '.. /橫幅/ 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：這是在瀏覽器中出現在HTML和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

來源

2014-09-26 NitroFrost

-ms-interpolation-mode是一個IE過時的語法 – kiwixz 2014-09-26 21:11:37

即使完全刪除，我仍然不會看到它在Chrome vs Firefox和IE瀏覽器。另外，如果我檢查頁面，我可以看到-ms-interpolation-mode已成功刪除。版本37.0.2062.124 m這是我使用的chrome版本，如果有幫助的話（應該是最新的版本） – NitroFrost 2014-09-26 21:20:14

爲什麼'width：auto \ 9'？我找不到任何東西。 – kiwixz 2014-09-26 21:22:34

你「圖像寬度」被設定○ 「寬度：汽車\ 9章;」嘗試使用「width：auto;」（沒有\ 9）。其他問題：「vertical-align」僅適用於「display：table-cell」元素，而不適用於「display：inline」元素（img's）。

來源

2014-09-26 23:23:15

不幸的是，這並沒有解決問題。我在檢查中確信這些元素不再出現。 FF，IE（好）Chrome（壞） – NitroFrost 2014-09-26 23:29:42

Chrome VS Firefox img顯示兼容性

回答

相關問題