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 回答