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

先说几句牢骚话。

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

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

 

a标签的onclick事件

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

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

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

<a class="button" rel="#callback#" href="javascript:" οnclick="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