加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

解决FLASH与DIV覆盖遮挡以及FF无法显示innerHTML等元素的方法

发布时间:2020-12-15 06:14:07 所属栏目:百科 来源:网络整理
导读:1,描述 一段倒计时的JS脚本,参见我上篇文章,在美工添加了flash后,出现DIV层被FLASH遮挡的问题,应该说这是个经典问题,我也是找了半天找到了不同浏览器下FLASH、DIV的遮挡解决办法; 网上有用CSS:z-index来解决问题,但其实效果不好 真正的解决方法是:
1,描述
一段倒计时的JS脚本,参见我上篇文章,在美工添加了flash后,出现DIV层被FLASH遮挡的问题,应该说这是个经典问题,我也是找了半天找到了不同浏览器下FLASH、DIV的遮挡解决办法;
网上有用CSS:z-index来解决问题,但其实效果不好
真正的解决方法是:
对于IE,对与<object>中添加如下标签:<param name="wmode" value="transparent">,值得说明的是value的值不止一种,有需要可以网上搜寻;
对于FF和CHROME,上面设置是没有效果的,需要在<embed>标签中添加如下属性:wmode="transparent";
? ? 从此完美解决了

示例:
	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444XXX540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,19,0" width="1200" height="600" title="flash">
    	  <param name="movie" value="flash/XXX.swf" />
    	  <param name="quality" value="high" />
    	  <param name="wmode" value="transparent">
    	  <embed wmode="transparent" src="flash/XXX.swf" width="1200" height="600" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
    	</object>
请仔细察看添加的两个参数。 2,新的问题 这次的项目中,按照上面方法确实解决了IE和CHROME下的问题,但是在FF下依然无法显示倒计时<div>,奇怪的是在上次项目中,是完全解决的,在FF也是正常的,以至于我把问题着眼点放在了flash和div层的遮挡上来,网上搜寻半天,无所查获。 一篇文章提点了我: 来看一下本来的代码: LiveClock.innerHTML = "现在离"+symbol+"结束还有"+hour2+"小时"+minute2+"分"+second2+"秒" ?; 没有用Jquery库; 这段代码在IE和CHROME下都是正常的,在火狐下却无法显示倒计时; 在百思不的其解,先后以为是FF对innerHTML片段支持不好,在网上也发现了一些关于这方面的BUG和一些解决方法,但是没有解决我的问题; 后来发现真正的代码是: document.getElementById("LiveClock").innerHTML = "现在离"+symbol+"结束还有"+hour2+"小时"+minute2+"分"+second2+"秒"; 看出了没有 居然是这个原因,在FF下,定位标签必须是getElementById方法,在IE和CHROME下完全正常,这掩盖的代码的问题,按照严格的W3C文档来说,确实火狐是正确的,但是显得比较死板。 而且在测试代码功能的时候,其实我还试了FF,完全是正常的,那时候也没有用getElementById,但是显示也是正常的,后来明白,测试功能的时候,没有过于复杂的HTML标签,就一个div框,所以没有发现这个问题。 ? 可能有用的一些文章:http://huangyunbin.iteye.com/blog/1110675 ? ? ? ??http://hi.baidu.com/cylic12345/blog/item/01c4b6c9ff654710be09e621.html ? ? ? ??http://www.ittang.com/2010/0128/10682.html 3,修改添加3秒倒计时功能(待添加)

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读