sIFR 3 r436 Opera + Firefox浮动问题

Question

我遇到了将sifr放置在浮动img旁边的问题，Opera 9.6强制文本清除图像并显示在一行上。 Firefox也强制文本在第一次加载页面时清除，虽然刷新修复此问题并且问题永远不会再次发生，只有在清除缓存并重新启动浏览器时返回。

还有firefox的strangley，如果发生了bug然后我加载了firebug，这会将文本拍摄到与图像内联的正确位置，非常奇怪，因为我没想到firebug导致dom重新加载。

Answer 1

这通常是一个时间问题。当sIFR替换元素时，图像尚未加载，因此要替换的元素是容器的整个宽度。 sIFR将插入此宽度的Flash影片，一旦所有内容都正确呈现，该影片将无法放在图像旁边。打开Firebug时，可以调整网页的视口大小。这会在sIFR中触发调整大小并导致sIFR检测替换元素的正确宽度。

解决方案：

• 尝试在图片上设置width和height，以便在加载时布局不会改变
• 使用fitExactly使Flash影片与其中包含的文字一样宽。这将有助于防止清除，除非文本长于可用空间
• 在sIFR.useDomLoaded = false;之前设置sIFR.activate()以在页面加载后使sIFR替换元素 - 在图像加载后

您可能还需要调整要替换元素的字母间距，以便HTML文本的宽度正确反映Flash文本将占用的宽度。如果Flash报告的文字宽度值不正确，请使用tuneWidth和offsetLeft属性进行调整。