0

我的模板遇到了一个对我来说似乎很奇怪的问题：当我使用 ems 定义图像高度/宽度时，它不会显示，而使用像素设置图像大小效果很好。使用 em 定义填充和边距也无效。查看页面源代码显示图像在那里；就像浏览器正在渲染0em图像一样的任何值。(h2 p)有趣的是，使用 em对其他类型的元素进行边距和填充也有效。我已经做了相当多的测试以将问题缩小到 em 单元，但我不能确定。

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

CSS 或其他地方是否有任何已知的冲突会使图像在其大小由 em 定义时消失？

4

1 回答 1

0

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

如果您使用的是 firefox 或 chrome，您可以使用 firebug 检查源代码（http://getfirebug.com/ -> 右键单击​​，检查元素），以查看应用于图像/边距/填充的样式。

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

于 2011-11-29T10:51:31.787 回答