网页flash遮挡问题

在网页中插入flash文件,会出现遮挡div的问题。

我把导航条属性设置为 fixed,这样往下拉浏览器滚动条时,网页body部分网上移动,但是导航条不动。当body部分有swf文件时,flash部分会遮挡导航条,这样导航条就插在了body和flash之间。问题如图:

在IE6及以前的浏览器中出现问题,但在高版本的IE及chrome、firefox中正常。据查是IE的bug。

设置 z-index 属性无法解决问题。

在flash的 object标签 属性中添加 <param name="wmode" value="transparent">,在embed标签中添加参数wmode=‘transparent’,问题解决了。

还有一个页面使用了flaxpaper,也出现了该问题。我引用的是flexpaper_flash.js这个js文件。打开粗读其代码,找到:

/** 
 * 
 * FlexPaper embedding functionality. Based on FlashEmbed
 *
 */

(function() {
		
	var IE = document.all,
		 URL = 'http://www.adobe.com/go/getflashplayer',
		 JQUERY = typeof jQuery == 'function', 
		 RE = /(\d+)[^\d]+(\d+)[^\d]*(\d*)/,
		 GLOBAL_OPTS = { 
			// very common opts
			width: '100%',
			height: '100%',	
			wmode:'transparent',//添加此行代码,使得flash不遮挡其它div by @wind908
			id: "_" + ("" + Math.random()).slice(9),
			
			// flashembed defaults
			allowfullscreen: true,
			allowscriptaccess: 'always',
			quality: 'high',	
			
			// flashembed specific options
			version: [3, 0],
			onFail: null,
			expressInstall: null, 
			w3c: false,
			cachebusting: false  		 		 
	};
	
	// version 9 bugfix: (http://blog.deconcept.com/2006/07/28/swfobject-143-released/)


部分,参照上下文,添加了一个参数wmode:'transparent',问题解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值