使用ems调整大小时图像丢失

Question

我遇到了一个对我来说很奇怪的模板问题:当我使用ems定义图像高度/宽度时，它将不会显示，而使用像素设置图像大小则很好。使用ems来定义填充和边距也不起作用。查看页面源代码将显示图像；就像浏览器将任何值呈现为图像的0em一样。有趣的是，使用ems的其他类型的元素(h2 p)上的边距和填充都是有效的。我已经做了相当多的测试，以将问题缩小到em单元，尽管我不能确定。

无论我将CSS放在内联还是链接的样式表中，都会发生这种情况。在IE和firefox中都会发生这种情况。我使用的是内容管理系统(Joomla)，当我切换到不同的模板时，使用ems设置图像大小就可以了。

在CSS或其他地方是否存在任何已知的冲突，当ems定义图像大小时，这些冲突会使图像消失？

Answer 1

因为您使用的是Joomla，并且您说更改模板时问题已经解决，所以我非常确定是模板样式不允许您使用ems。

如果你使用的是火狐或chrome，你可以用firebug检查源代码( http://getfirebug.com/ ->右键点击，检查元素)，看看什么样式被应用于图像/页边距/填充。

如果您不想更改模板的样式，则可以在宽度和高度行中添加!important规则(仅当您不想触及原始文件时)。具有!important属性的规则将始终被应用，无论该规则出现在CSS文档中的什么位置。祝好运!