让Flash真正透明、让页面真正居中的方法
前段时间给学校某学院做网站,中间用到了Flash元素。
一般实用Flash的代码格式为:
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0″ width=”" height=”">
<param name=”movie” value=”xx.swf” />
<param name=”quality” value=”high” />
<embed src=”xx.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”" height=”"></embed>
</object>
但是需要添加透明效果,就需要增加这样一段<param name=”wmode” value=”transparent” />。
按照一般的用法,这样应用就可以了。的确——在IE浏览器下确实达到了透明显示的功效了;但是考虑到现在使用Firefox的用户也在增加,就得测试在这款浏览器下的兼容问题了——测试发现,即使增加以上代码,Flash在FF下依然不能真正达到透明效果!
后来测试发现,在<embed>标记中增加属性WMODE=”transparent“便可解决这个问题。通过这样的小修改,两款主流浏览器下Flash都能真正地透明显示了!
其实两款浏览器有很多地方有兼容不好的地方。比如,要用CSS控制居中显示,光是text-align:center是不能解决问题的,margin:0 auto则起到了这样的功效!