兼容IE8(火狐、Safari)遇到的问题

IE8的select控件,明明设置了行高却没有效果

解决方法:select{padding:?px 0;} 给select加padding

原文:www.cnblogs.com/tnnyang/p/4290840.html

IE8的console.log()

当我鼠标移到1、2、3、4格子时,我的预想是下图所示

预想效果

但是在IE8显示确实这样的


实际效果

经过多方面验证,我很确定我代码是没有错的,我发现:当我第一次打开开发人员工具(下面我简称DT)时,控制台报错了,说console这个对象什么鬼的(我忘了...),当时我没有在意,还以为我单词拼错,之后打开DT都没有报错。因为达不到预想的效果,所以我打开DT时看看控制台输出高度对不对,然而我发现,当我打开DT并且鼠标以上格子时,效果几乎可以出来,但是当我关闭DT时,又会回到原来的样子,于是BAIDU...找到这样一篇文,www.cnblogs.com/webARM/p/3862343.html,之后我把console.log都删掉了,效果就出来了....以防万一,以后兼容IE都不要写console.log好了...要是实在不行,网上还有解决方法...

Safari的input text设置line-height没反应


Safari 5.1.7下的input text

www.cnblogs.com/kingwell/archive/2012/06/21/2557653.html  作者简单粗暴说明:line-height:1px; (px是我自己加上去的....)

IE8的background:transparent

我的需求:当我点击“选择”按钮时,所有的div(div设置相对定位,div里是a,a里面包着文字,图片)会显示遮罩层(绝对定位,背景透明,z-index:999)。

现在的情况:在IE8打开页面,点击按钮,遮罩层出来了,但是鼠标移到文字上和图片上的时候鼠标显示小手,说明a跟Img的层级比我设定遮罩层的层级(999)还高...(?)当我设置遮罩层的背景是非透明时,完全没有问题,说明IE8对transparent支持不了...(?)于是又BAIDU(没办法..)找到一文www.phpstudy.net/css3/values/color/transparent.htm 兼容性图里显示,IE7.0-8.0部分支持transparent。

解决方法:弄一张透明的图作为背景。


(持续更新...)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,212评论 2 19
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,594评论 1 19
  • 累了,1001空调风机好吵嚷着,真懒得起床去调音了,想熄灯睡觉了。还是得把风机声音调小 吵得头痛。 回头想 还是烦...
    炼心清秋阅读 90评论 1 0
  • Swift 原生已经支持 map reduce filter 等高阶函数,相比OC有着极大的优势。虽然语言越高级性...
    杨晓晨阅读 2,973评论 0 2
  • 如果说“德不配位,必有所失”,那么两个相爱的人如果不在一个频道上,是不是也会有所缺失? 大刘说他跟阿恩分手了,他提...
    佛系肉团阅读 640评论 2 1