【Javascript】IE8兼容 背景图片与a标签的onclick事件

先说几句牢骚话。

虽然IE8比之IE6、7有很大的进步,但是在执行效率、兼容性上仍然有很多问题。被广大开发者喜爱的平台才是好平台。

可惜多亏当年盗版XP打开中国的计算机市场,IE作为一款捆绑软件仍然在中国有很大的使用人群。既然是中国人自己埋下的坑,咬着牙也要走下去。

a标签的onclick事件

在开发现在这个平台时,用的是国产dwz开源前端框架,还是挺好用的,对IE的兼容性做的也比较好,很少发现有啥大问题。

只是如开头标题所示,页面弹出提醒框时,【确定】按钮点不了,导致页面相当于死机一样,只能重新刷新。

翻开代码一看,原来这个确定按钮是用a标签写的:

<a class="button" rel="#callback#" href="javascript:" onclick="alertMsg.close();"><span>确定</span></a>

尝试过多种方法之后,最后找到解决方法:不使用onclick事件,而是在href中用伪代码调用close()方法。

<a class="button" rel="" href="javascript:alertMsg.close();"><span>确定</span></a>

  

背景图片

dwz除了刚才那个问题之外,还真没发现啥兼容性的问题,不得不说是一款好用的开源框架,用了这么久,就帮忙打个广告吧。

因为我的登录界面是是自己写的,不是dwz的UI框架,所以发现一个坑爹的问题:容器无法使用background-image

当然是我夸张了,背景图片还是能用的,但是背景图片无法自适应,那有什么卵用。

用尽各种方法,比如传说中的滤镜,这样虽然可以自适应了,为什么容器内的输入框无法选中了?!!!!!

最后实在没有办法了,用什么鸟background-image,直接把图片设置为position:absoulte;top:0;left:0;z-index:0;

这样悬浮在容器背后,不是背景也成背景了。

原文地址:https://www.cnblogs.com/nonkicat/p/4615991.html