爲img（無法使用「自動」）無效css屬性寬度和高度

我爲網站（例如WP）構建一個插件，我需要取消我插件中img元素的css屬性寬度和高度，以避免網站css（主題css）的影響。爲img（無法使用「自動」）無效css屬性寬度和高度

我不能使用「自動」，因爲行爲有點不同。在這種情況下，瀏覽器忽略html屬性的寬度和高度，但我需要在圖像仍在加載時呈現正確大小的元素。

如果我通過javascript顯式設置css屬性的寬度和高度 - 基於html屬性的值 - 某些瀏覽器（FF & IE）無論如何都會在加載過程中忽略它（不知道爲什麼）。

在這種情況下，下面的代碼片斷：

var img = document.getElementsByTagName('img')[0]; 
img.style.width = '100px'; 
img.style.height = '100px'; 
console.log(img.style.width); 
console.log(img.offsetWidth);

輸出在FF和IE如下：

100px 
0

任何想法？

感謝，赫爾穆特

來源

2016-05-08 user1030151

你的意思是你想刪除圖像的內聯寬度和高度聲明？ – Terry

您是否在問如何去除尺寸屬性，或者爲什麼輸出它的功能？ –

如果圖像或祖先具有'display：none'，則會得到您所描述的行爲：https://jsfiddle.net/t7mskqr2/ –

嗯，你可以做的寬度和高度100像素，然後設置圖像的寬度和高度100％，這一形象父DIV。
這應該工作。

來源

2016-05-08 11:21:33 Mamut

爲img（無法使用「自動」）無效css屬性寬度和高度

回答

相關問題