1,描述
一段倒计时的JS脚本,参见我上篇文章,在美工添加了flash后,出现DIV层被FLASH遮挡的问题,应该说这是个经典问题,我也是找了半天找到了不同浏览器下FLASH、DIV的遮挡解决办法;
网上有用CSS:z-index来解决问题,但其实效果不好
真正的解决方法是:
对于IE,对与<object>中添加如下标签:<param name="wmode" value="transparent">,值得说明的是value的值不止一种,有需要可以网上搜寻;
对于FF和CHROME,上面设置是没有效果的,需要在<embed>标签中添加如下属性:wmode="transparent";
从此完美解决了
示例:
请仔细察看添加的两个参数。
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秒倒计时功能(待添加)
分享到:
相关推荐
python的xpath没有获取div标签内html内容的功能,也就是获取div或a标签中的innerhtml,写了个小程序实现一下: 源代码 [webadmin@centos7 csdnd4q] #162> vim /mywork/python/csdnd4q/z040.py #去掉最外层标签,...
改变文字innerHTML每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记。...下面我们来看一个用js的innerHTML来改变div值吧. 代码如下:<script type=”text/javascript
js中innerHTML与innerText的用法与区别js中innerHTML与innerText的用法与区别
解决ajax返回innerHTML中javascript不能运行问题
用innerHTML取出一段内容后再innerHTML回去,那么原来动态绑定的事件就会丢失,如: html: 代码如下: <body><div id=’d1′>点击</... 解决方法: 把onclick绑定到父元素,利用冒泡原理,判断当前元素是否为d1,若
调用innerHTML之后,onclick失效了,这也是在意料之中的,因为innerHTML是以文本形式插入的button,所以无法识别onclick事件
innerHTML的简单应用
innerHTML的使用document.getElementById("id").innerHTML = "contenttext";
首先时飘忽不定的collapse的border,ie6偏偏有一个地方与其他浏览器表现不同,一条丑陋的border不管怎么样都显示出来。无解。 上面的问题可以用诡异方法解决的话,那接下来就完全没有办法了。 由于涉及到了数据的...
本文实例讲述了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法。分享给大家供大家参考。具体分析如下: 问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错“未知运行时错误”: <div...
NULL 博文链接:https://newtime.iteye.com/blog/461125
NULL 博文链接:https://snandy.iteye.com/blog/787186
js中innerHTML与innerText的用法与区别
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
博文链接:https://aideqianfang.iteye.com/blog/246585
代码如下:<div id=”headtop”></div> 而flash幻灯的位置,也只有一行 代码如下:<div id=”index_slide”></div> 对于这种需要耗时的代码,最好是放在页面最后面加载,然后用innerhtml的方法加载到对应位置,达到...
然而,你需要知道 innerHTML 有一些... 还有几个其他次要的缺点,也值得一提的: 1、你不能得到刚刚创建的元素的引用,需要你手动添加代码才能取得那些引用(使用 DOM APIs)。 2、你不能在所有浏览器的所有 HT
v-html:更新元素的 innerHTML const text = `<p>Hello World</>` My name is Pjee <p v-html='text'></p> 注意:你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。请只对可信...