0

只是一个简短的问题...

我有一个跨度容器，它在 FF 中正确设置，具有以下选项：

<span id="qmmenue" style="left: 0px; top: 2852px; color: #777777; line-height: 12px; font-family: Calibri; font-size: 12px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=45, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=135, Strength=3); position: absolute; zoom: 1; max-width: 500px; background-color: white;" jQuery17207240081996974917="9">

在这个跨度中，有一个图像和两个 p 元素。

我的问题是，在 Firefox 中，盒子只有最小宽度。Internet Explorer 在大约 80% 的屏幕中显示该框，并且大部分是空的。

这是FF和IE的截图：

http://s16.postimage.org/i2ak9xj1x/firefox.png http://s16.postimage.org/fmdc9tqd1/internetexplorer.png

有什么想法吗？

它应该在 InternetExplorer 的最小宽度上保持一致，但如果可能的话跨浏览器;-)

// 编辑：我在 IE9 中对其进行了测试，它必须适用于 >IE8，这似乎不是块或内联块的问题。两个版本的结果相同

4

2 回答 2

0

您正在测试哪个版本的 IE。您需要为 IE 设置条件样式display:block（旧 IE 版本不支持 inline-block）

http://www.quirksmode.org/css/display.html

于 2012-05-30T14:38:44.887 回答
0

当某些东西在其他浏览器中有效但在 IE9 中无效时，可能是您的标题不正确。检查这个：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

请注意，它不会让它神奇地与 IE8 兼容。

说真的……使用 Word 生成直接提供的 HTML 不是一个可行的长期解决方案……

于 2012-05-30T14:51:53.100 回答