無法調整img Internet Explorer的大小

我運行了一個網站，最近我發佈了一篇文章，對Chrome和FireFox完全沒問題，但是在IE瀏覽器中遇到了一些問題。無法調整img Internet Explorer的大小

有罪的頁面是this one。

我同意這裏爲了簡單起見，代碼的一部分：

<figure class="appFigureElement" id="airDroidFigure"> 
    <a href="https://play.google.com/store/apps/details?id=com.sand.airdroid&hl=en"><img id="airDroidPicture" class="imageApps" alt="airDroid" src="path to image"/></a> 
    <figcaption id="airDroidCaption"> 
     <p> blablabla </p> 
    </figcaption> 
</figure> 


.imageApps 
{ 
    width: 75px; 
    height: 75px; 
    float: left; 
    padding-right: 10px; 
} 


.appFigureElement 
{ 
    padding-bottom: 25px; 
} 


function setFigureHeight(figure, picture, caption) 
{ 
    var figureEl = jQuery("#" + figure); 
    var pictureEl = jQuery("#" + picture); 
    var captionEl = jQuery("#" + caption); 

    if(pictureEl.outerHeight(true) > captionEl.outerHeight(true)) 
     figureEl.height(pictureEl.outerHeight(true)); 
    else 
    { 
     figureEl.height(captionEl.outerHeight(true)); 
     var mrgBott = captionEl.outerHeight(true) - pictureEl.outerHeight(true) + 15; 
     pictureEl.css("margin-bottom", mrgBott+"px"); 
    } 



}

基本上在onLoad事件我跑的是，根據CSS格式每一個「瓦片」（圖元件）的js函數。

問題是，在IE瀏覽器的CSS就像失蹤，從圖片是非常巨大的意義上說，無論我如何嘗試調整它們（CSS內HTML，IMG外圖等），我總是得到巨大的圖像而在Chrome和FF中都很好。

你有什麼建議嗎？

詩的網站在WordPress

來源

2013-12-10 Luigi Tiburzi

開發在你的style.css，存在着一個規則：

.ie #content img, .ie #comments img, .ie .sidebar img { 
    height: auto; 
}

那是你的罪魁禍首。

只是爲了進一步解釋，這條規則被寫入AFTER您的規則使其覆蓋您正在調整圖像大小的.imageApps類。由於它只適用於IE，所以你在其他瀏覽器中看不到這個問題。

來源

2013-12-10 18:56:36

我應該刪除該規則嗎？可能它是由WordPress編寫的，如果我刪除它，我會破壞一些東西... –

只要確保您的imageApps規則在CSS中出現之後。或者你可以使用！重要的，但這是典型的皺眉。 –

非常感謝你！我討厭WP當它離開你的控制... –

無法調整img Internet Explorer的大小

回答

相關問題