首页 > Html5, js/Jquery > 将 DIV 放置于 Flash之上 – ammap实战

将 DIV 放置于 Flash之上 – ammap实战

做一个基于中国地图的数据展示。查找了一些资料,打算使用ammap,研究一番之后,终于明白一些。
通过设定数据文件ammap_data.xml中的area标签的url属性,可以设置为一个javascript:functionname();来调用一个JS函数。这下容易多了,可以通过JS去获得数据,添加到一个层,然后显示出来即可。
但是实践的时候又遇到一个问题,不管怎么设置层的CSS值,包括position,z-index,left,top 啊等等,层总是被flash给遮挡住,。查了点资料,原来flash是有一个属性设置的,可以设置是否置顶,不会被其它元素遮挡住。那么只要改一下就可以了。
ammap是用了封装好的一个swfobject类来生成flash的相关参数的,并且这个类是被压缩了的,。但是只要格式化一下就OK了。
然后找到<object></object>标签,在其中加入<param name=”wmode” value=”opaque” />,由于两边有双引号,自己注意加反斜线的转义。

好,现在试一下,诶?怎么不行?用IE看一下,结果IE下是可以的,但是chrome和firefox中都办不到。不用急,再在swfobject类中找到<embed>标签,对它加一个属性wmode=”opaque”,注意加转义字符。然后再打开看下效果。OK啦。

div放到flash之上-ammap-css-javascript-flash

div放到flash之上-ammap-css-javascript-flash

附件:swfobject类,直接用这个替换原来的swfobject类,就可以不让flash置顶,遮挡其它层了。

  1. kk 4月 9th, 2012 @ 14:36 | #1

    天才是两个字啦

评论提交中, 请稍候...

留言

可以使用的标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
Trackbacks & Pingbacks ( 0 )
  1. 还没有 trackbacks