Flash / SWF文件+固定定位

时间:2012-07-11 04:45:36

标签: css flash positioning

我似乎发现了嵌入在页面顶部固定的SWF文件的问题。当嵌入swf文件时,它不会粘在页面顶部 - 这是一个示例代码:

<div id="headerOuter" style="z-index: 10001; position: relative; visibility: visible; top: 0px; left: 0px; width: 100%; height: 80px; overflow: hidden; background-color: rgb(0, 0, 0); "><div id="twrap" style="z-index: 10001; position: fixed; visibility: visible; top: 0px; left: 0px; width: 100%; height: 80px; overflow: hidden; background-color: rgb(0, 0, 0); "><div id="skyTop" style="width: 900px; height: 80px; position: relative; cursor: pointer; visibility: visible; margin-left: -450px; margin-right: 0px; background-color: rgb(0, 0, 0); left: 50%; "><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="900" height="80"><param name="movie" value="http://new.skinected.com-appnexus-akiai4avqn7qtsn2aowq.s3.amazonaws.com/80d6b512a3ceb9e9ad4e4f6c25c843be.swf"><param name="quality" value="high"><param name="FlashVars" value="clickTAG=http%3A%2F%2F5150.com&amp;clickTag=http%3A%2F%2F5150.com"><param name="flashvars" value="clickTAG=http%3A%2F%2F5150.com&amp;clickTag=http%3A%2F%2F5150.com"><embed src="http://new.skinected.com-appnexus-akiai4avqn7qtsn2aowq.s3.amazonaws.com/80d6b512a3ceb9e9ad4e4f6c25c843be.swf" quality="high" width="900" height="80" type="application/x-shockwave-flash" flashvars="clickTAG=http%3A%2F%2F5150.com&amp;clickTag=http%3A%2F%2F5150.com"></object></div></div></div>

将其输入HTML页面并且它不起作用,即使外部div包装器设置正确。

如果我将图像或其他基本的html代码放入#headerOuter div,一切都很好,但是对象/嵌入不起作用。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

使用position:fixedposition:absolute代替position:relative style中使用<div id="headerOuter">

----------------------------------------------- ------ 更多说明: ---------------------------------- ------------------

  

静态定位 或[位置:静态]

     

默认情况下,HTML元素定位为静态。静态定位元素始终根据页面的正常流程定位。

     

相对定位 或[位置:相对]

     

相对定位元素相对于其正常位置定位。

     

固定定位 或[位置:已修复]

     

具有固定位置的元素相对于浏览器窗口定位。

     

绝对定位 或[位置:绝对]

     

绝对位置元素相对于第一个具有静态位置的父元素定位。

参考网址:CSS Positioning