在闪存上覆盖div的部分
在闪存上覆盖div的部分
提问于 2011-01-11 18:33:46
通常它可以通过"wmode transparent“参数来解决，但是在firefox中我有一个奇怪的问题。当我用div的一部分覆盖flash元素时，div呈现出奇怪的效果(就像flash元素边框上的楼梯一样)。
http://img522.imageshack.us/i/bildschirmfoto20110111u.png/
灰色区域(以及上面的一小块透明区域)是flash元素。轮廓是带有边框的div。
这个错误只出现在FF上(我有3.6) chrome/safari工作正常...
代码：
它是一个swfobject实现。覆盖的div/ul位于flash-wrapper之后。
<div id="flash-wrapper">
<object width="740" height="500" type="application/x-shockwave-flash"
data="/flash/photobook.swf?1295004511635" id="photobook-wrapper" style="visibility: visible;">
<param name="wmode" value="transparent">
<param name="flashvars" value=""></object>
</div>
#flash-wrapper {
height: 500px;
position: relative;
width: 740px;
}
<ul id="frame_options_select-menu" style="z-index: 0; top: 213px; left: 388px;">
<li class=""><a href="#" id="ui-selectmenu-item-74">Cover: full size photo</a></li>
</ul>
element.style {
left: 388px;
top: 213px;
z-index: 0;
-moz-border-radius: 6px 6px 6px 6px;
visibility: visible;
-moz-border-radius: 0 0 0 0;
background: none repeat scroll 0 0 #08A0D9;
border: 1px solid #08A0D9;
list-style: none outside none;
margin: 0;
overflow: auto;
padding: 0;
position: absolute;
top: 0;
visibility: hidden;
z-index: 1005 !important;
} Stack Overflow用户
回答已采纳
发布于 2011-01-27 20:19:02
好吧，这很难调试，但我找到了答案：
我有以下代码：
<div id="page">
<div id="flash-wrapper">
flash object
</div>
</div>
#flash-wrapper {
height: 500px;
position: relative;
width: 740px;
}
#page {
width: 700px;
}问题出在页面div上。如果我将宽度更改为800px，它可以正常工作。如果宽度小于flash-wrapper的宽度，我会得到楼梯效果。
因此:父div不能小于object标签。(通常情况下不应该是这样的)。"overflow: hidden;“并不能解决这个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4656657
复制相关文章
相似问题
腾讯云开发者
