首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

父容器使用了position:relative后,其子容器所包含的flash对象就被遮住了,怎么处理

2013-01-11 
父容器使用了position:relative后,其子容器所包含的flash对象就被遮住了,怎么办?父容器使用了div idcon

父容器使用了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={&quot;playerId&quot;:&quot;player&quot;,&quot;clip&quot;:{&quot;url&quot;:&quot;http://bot:83/testVideo.mp4&quot;},&quot;playlist&quot;:[&quot;http://bot:83/videoPoster.jpg&quot;,{&quot;url&quot;:&quot;http://bot:83/testVideo.mp4&quot;,&quot;scaling&quot;:&quot;fit&quot;,&quot;autoPlay&quot;:true,&quot;autoBuffering&quot;: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完全看不见了,你可以用火狐测试一下。

热点排行