0

好的，这次是一个非常简单的问题（尽管答案似乎难以捉摸，因为我在网上的任何地方都找不到它的引用）。

它与一个经典有关：IE 中的格式化问题。我想这可能是 IE 未能很好地与 Box Model 配合使用的一部分，尽管我找不到 IE 会修改 DIV 边框粗细的原因。此外，正如我将在下面进一步解释的那样，还有另一个变量：DIV 的内容，它决定了边框是否在 IE 中正确显示（无论在其他任何地方，它们都正确显示）。

首先，它是一个简单的 DIV，它的 CSS 如下：

#menu {
    width:1000px;
    border-top:#0072FF solid 10px;
    border-bottom:#FF0078 solid 20px
}

然而，在 IE 中，顶部和底部边框的厚度大约是原来的两倍。

这是它在一个和另一个浏览器中的外观（它只是 DIV 的一部分，而不是整个 1000px 宽）：

图。 参考。 与 IE 的边界问题

它里面有什么？它有一个嵌入式 Flash 菜单。

我已经从代码中删除了所有其他内容，只是测试了存在 Flash 内容问题的 DIV。结果：问题仍然存在。

但是，如果我取出嵌入式 Flash，则不会重现该问题。例如，如果我插入文本内容，问题又不会被复制。所以很明显，这与 Flash 内容和/或它的嵌入方式有关。（同样，这只发生在 IE 中......非常惊喜！）

从那以后，我尝试以几种不同的方式嵌入 Flash（尽管我以前从未遇到过这样的问题）。这是我目前正在使用的方式，我从一个网站上下载了它，该网站推荐它为“避免 IE 问题的最佳方式”：

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1000" height="30" id="menu" align="middle">
  <param name="movie" value="./swf/menu.swf"/>
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="./swf/menu.swf" width="1000" height="30">
    <param name="movie" value="./swf/menu.swf"/>
    <!--<![endif]-->
    <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/> </a>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>

我什至尝试查看它是否是 AC_RunActiveContent.js 问题，但不是。

我尝试了一些技巧和/或解决方法，但无济于事。（这些仍然适用于 IE 吗？当我偶然发现类似的问题时，我发现* html，例如，不再适用于我；格式化的问题仍然存在。）我真的宁愿避免解决方法，至少在这种情况下， ，似乎 CSS 解决方法不会有任何好处（当然，除非我需要格式化我的<object>标签——尽管这将是第一个）。

无论如何，任何见解都将非常感激！谢谢！

4

1 回答 1

1

我看到你的对象也有id="menu"。你说的时候是这个意思div吗？如果不是，我认为 IE 将#menu样式应用于<object> and而<div>其他浏览器仅将<div>as 视为#menu.

于 2012-05-03T20:18:56.693 回答