CSS-页面中的浮动图片被swf文件遮挡的问题

CSS-页面中的浮动图片被swf文件遮挡的问题

甜柠檬 发布于 2017-06-15 字数 1478 浏览 1155 回复 2

页面里有一个浮动效果,同时还引入一个flash动画,当我把浏览器调小时,flash会在浮动效果之前,我想让浮动效果一直在最前面,请问这个如何调?
代码:

<div align="center" style="width:auto; height:492px; background-image:url(images/hitsujinew_05.jpg);" >
<div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #version=9,0,28,0" width="969" height="492">
<param name="movie" value="head-cs4.swf" />
<param name="quality" value="high" />
<embed src="head-cs4.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="969" height="492"></embed>
</object>
</div>
</div>

<!-- 浮动的图片 -->
<style>
.mod-sidepoper {
display: none;
position: fixed;
right: 0;
top: 342px;
}

.mod-sidepoper a.siderpoper-old {
background: url("images/logo.gif") no-repeat scroll 0 0 transparent;
display: block;
height: 102px;
text-align: center;
width: 160px;
z-index:999;
}
</style>
<div style="display: block; right: 10px; top: 250px;" class="mod-sidepoper">
<a class="siderpoper-old" target="_blank" href="http://s.mogupai.com/snsgame"></a>
</div>

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

虐人心 2017-08-04 2 楼

1、在插入flash的Object标签中加入
<param name="wmode" content="transparent" />
并且在embed标签中也加入此参数:
womode="transparent"

2、在class为mod-sidepoper的div层的CSS中加入z-index:9999

瑾兮 2017-06-25 1 楼

再补充个另外的写法:

<object type="application/x-shockwave-flash">
    <param value="http://xxx.swf" name="movie">
    <param value="High" name="quality">
    <param value="opaque" name="wmode">
    <param value="always" name="allowscriptaccess">
    <embed flashvars="adlink=&_did=3034784" allowscriptaccess="always" wmode="opaque">
</object>

为了满足IE和firefox两种浏览器下都能解决你得问题,里面有两句属性必不可少:
<param value="opaque" name="wmode"> 是对IE浏览器适用,而 wmode="opaque" 是满足 Firefox 浏览器。
如果浮动层的位置不对,需要定义下层的绝对或相对位置:position:relative(或absolute);
这就是我的回答,希望能解决问题。