[英]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:
您的“圖像寬度”設置為“ width:auto \\ 9;” 嘗試使用“ width:auto;”。 (不帶\\ 9)。 另一個問題:“垂直對齊”僅適用於“顯示:表格單元”元素,不適用於“顯示:內聯”元素(img)。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.