读书人

父容器使用了position:relative后其

发布时间: 2013-01-11 11:57:35 作者: rapoo

父容器使用了position:relative后,其子容器所包含的flash对象就被遮住了,怎么办?
父容器使用了<div id="content"> position:relative后,其子容器所包含的flash对象就被遮住了,怎么办?
<article id="contentWrapper" style="overflow: hidden;"> 这个是绝对定位的。


<div id="content">
<article id="contentWrapper" style="overflow: hidden;">
<div id="contentScroller" style="transition-property: -moz-transform; transform-origin: 0px 0px 0px; transform: translate(0px, 0px) scale(1);">
<div class="rowGroup">
<div class="cellGroup">
<div style="background-color: red;"><object width="640" height="480" data="http://www.happyelements.cn/wp-content/themes/happyelements/flash/flowplayer-3.2.7.swf" type="application/x-shockwave-flash" id="flashfirebug_1356516532025"><param value="config={"playerId":"player","clip":{"url":"http://bot:83/testVideo.mp4"},"playlist":["http://bot:83/videoPoster.jpg",{"url":"http://bot:83/testVideo.mp4","scaling":"fit","autoPlay":true,"autoBuffering":true}]}" name="flashvars"><param value="true" name="allowfullscreen"><param value="always" name="allowscriptaccess"><param value="high" name="quality"><param value="false" name="cachebusting"><param value="#2222" name="bgcolor"><param value="http://www.happyelements.cn/wp-content/themes/happyelements/flash/flowplayer-3.2.7.swf" name="src"><a href="http://www.adobe.com/go/getflash" target="_blank"><img width="158" height="39" alt="父容器使用了position:relative后,其子容器所包含的flash对象就被遮住了,怎么处理" src="http://www.adobe.com/images/shared/download_buttons/get_adobe_flash_player.png"></a><param name="AllowNetworking" value="all"></object></div>
</div>
<div class="cellGroup">
bbbbbbbbbbbbbbb
</div>
</div>
<div class="rowGroup">
<ul>
<li>qqqq</li>
<li>wwwww</li>
<li>eeeeee</li>
<li>rrrrrrr</li>


<li>ssssss</li>
<li>xxxxxx</li>
</ul>
</div>
</div>
</article>
</div>


[解决办法]
z-index:99999;加这个试一试
[解决办法]


给content加个 overflow:hidden;
flash加个定位,z-index 弄高点
试试

最好把demo整理下,贴出来
[解决办法]
LZ:
content是相对定位,有没有设定固定的高度啊?
article是绝对定位那么它其实已经不算是content的内容了,起不到撑开content的作用。这种情况下,你只能给content设定固定高度。否则content外面的内容必然覆盖到你的flash.
未经测试,提供一个思路
[解决办法]
引用:
LZ:
content是相对定位,有没有设定固定的高度啊?
article是绝对定位那么它其实已经不算是content的内容了,起不到撑开content的作用。这种情况下,你只能给content设定固定高度。否则content外面的内容必然覆盖到你的flash.
未经测试,提供一个思路
我贴了你的代码,测试了一下,content{position:relative}
article{position:absolute}后果是content的div完全看不见了,你可以用火狐测试一下。

读书人网 >CSS

热点推荐