使用ems調整大小時丟失了圖像

Question

我遇到了一個與我的模板有關的問題，這對我來說很奇怪：當我使用ems來定義圖像的高度/寬度時，它不會顯示，而使用像素設置圖像大小精細。使用ems來定義填充和邊距也沒有效果。查看頁面源顯示圖像在那裏;這就像瀏覽器爲圖像渲染任何值0em。有趣的是，使用ems工作的其他類型的元素(h2 p)的邊距和填充。我已經做了大量的測試，將問題縮小到時間單位，但我無法確定。

無論是將CSS放入內嵌還是放置在鏈接樣式表中，都會發生這種情況。它發生在IE和Firefox。我使用的是內容管理系統（Joomla），當我切換到不同的模板時，使用ems設置圖像大小工作正常。

在CSS或其他地方有沒有任何已知的衝突，當圖像的大小由ems定義時會使圖像消失？

Answer 1

因爲您使用的是Joomla，並且您說在更換模板時問題已解決，所以我很確定這是不允許您使用em s的模板樣式。

如果您使用的是firefox或chrome，您可以使用螢火蟲（http://getfirebug.com/ - >右鍵單擊Inspect元素）來查看源代碼，查看應用於圖像/邊距/填充的樣式。

如果您不想更改模板的樣式，則可以在寬度和高度線中添加!important規則（僅當您不想觸摸原始文件時）。無論規則出現在CSS文檔中的哪個位置，都會應用具有！important屬性的規則。祝你好運！