Rolinson's Blog

ASP.NET , J2ME , WAP
(还有收藏网络上的技术文章,以便一急之用)

博客园 首页 新随笔 联系 订阅 管理
在公司主页上放了一个浮动广告式的Online Support,是一个浮动层,可是在浮动到Flash上时,就会被Flash挡住,该死,无论我怎么设置Z轴都是在Flash这下,看来还是Flash动画招人喜欢啊,哈哈。
看来在CSS上是找不到什么出路了,看看Flash吧。在DW8中,对Flash的参数提供还是太少,还不如以前的FrontPage,又记不起来Flash层控制的参数了,搜吧。
功夫不负有心人,终于找到了,设“wmode”的值为“Opaque”,表示将Flash置于最底层。
点到Flash上,属性,点参数,再点那个加号添加参数“wmode”的值为“Opaque”,OK,搞定。
现在我的图片可以随便飘啦,哈哈。
代码是这样的:


试了一下,还有一种方法也可以实现,就是将Flash设为透明显示,也不会挡住浮动的层。 




条件1.只适用于IE  4.0  或以上版本.    
条件2.flash  和其他元素在不同的layers里,且Flash所在的层的z-index较低。    
条件3.Flash  必须设定为背景透明。(wmode=  transparent).    
以上三项缺一不可。  
 
<div  style="z-index:-1">  
   <embed  name="Movie1"  src="http://ecards.sina.com.cn/2000/2002-12-26/16024314219.swf"  quality="high"  
         width=500  height=400  wmode="transparent"  
       type="application/x-shockwave-flash">  
   </embed>  
</div>  
 
<div  id="jnkcLayer"  style="position:absolute;  left:150px;  top:100px;  width:200px;  height:200px;  z-index:1;  background-color:  #009966;  layer-background-color:  #009966;  border:  1px  none  #000000;  visibility:  visible"></div>
posted on 2006-11-29 10:06  ByNow  阅读(962)  评论(0编辑  收藏  举报