【浏览器兼容】IE8

1.不支持rgba
2.支持:first-child却不支持:last-child
3.th会text-align:center,所以要在css开头设定th {text-align:inherit}
4.display:none中的图片不会加载
5.$(window).on(‘keydown‘)无效。只能使用$(document)
6.同上,click也无效。
7.IE7和IE8下png图片背景变黑的bug解决方案:
【需要注意的是<img>不要加position,relative也不行】
http://blog.sina.com.cn/s/blog_73032b2f0101g4rl.html

1、不要直接改变图片的透明度,而是给图片套个容器,去修改这个容器的透明度

比如原代码是:

<img src="style/images/icon-shadow.png" class="share-list-icon-shadow"  />

修改成

<div class="share-list-icon-shadow"><img src="style/images/icon-shadow.png" /></div>

2、给这个容器加个背景颜色

非常重要,解决bug的关键就在这一步,比如:

.share-list-icon-shadow{
        width:60px;height:21px;
        position:absolute;bottom:8px;left:0px;z-index: 1;
        margin: 0 auto;
        display:block;
        background:#FAFDEF;
    }

一般情况下,到此bug就解决了,如果还是有问题,请看下面:
3、给容器加个zoom: 1

8.jQuery fadeTo 时ie8 png图片有黑色边框:  【未验证】
http://www.cnblogs.com/djiz/p/3323754.html

往带有png图的样式里加 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true);
例如:.imageContainer img{display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true);}
9.opacity会对子元素生效,但如果子元素设定position:relative,opacity不会生效。
10.使用jq的on绑定mousemove事件,只能在$(document)上绑,window和body都不行。
11.mouseup和mousedown事件也是同上。
12.IE8不支持inline-block,需要使用inline与zoom:1
13.inline与zoom:1,好像会使得背景图片无效
14.综12,13所述,IE8下使用float可能才会有合理的表现。
15.IE8的有效css hack之一是媒体查询@media (min-width: 0px) {  }
16.js中写this.delete会报错
17.scope.export会报错
18.阴影必须有background才会生效
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=315, Color=‘#bbbbbb‘)";
19.接上,IE8的阴影似乎是会视为内边距
20.[{},]结果是[{}, undefined]

时间: 2024-10-13 23:30:15

【浏览器兼容】IE8的相关文章

jquery选择器 — 浏览器兼容ie8定位问题

今天遇到一个问题: <input type="text" id="valCurrent" value="当前"></input> <input type="text"value="第一"/> <input type="text" value="第二"/> <input type="text" v

【转】让Bootstrap 3兼容IE8浏览器

FROM : http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 最近在研究Bootstrap(官方,Github)这个优秀的前端框架,Bootstrap最开始是Twitter团队内部的一个前端框架,所谓前端框架就是一个CSS/HTML框架,框架里面有下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等.Bootstrap他们预先定义好,等要进行正式制作网页的时候,

让Bootstrap 3兼容IE8浏览器

http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html 看到这篇文章有越来越多的人看,我决定给大家节省时间,废话少说.有几个点大家要注意. 1.本地调试需要Web Server(如IIS.Apache,Nginx),单纯地本地打开文件不能看到兼容效果. 2.如果你发现已经引用了respond.js和Bootstrap,仍无效果,请查看你的Bootstrap是否使用了CDN文件.(详情看第4点) 3.本文主要针对Boots

【Bootstrap】一个兼容IE8、谷歌等主流浏览器的受众门户式风格页面

上一次写的<[Bootstrap]一个兼容IE8.谷歌等主流浏览器的受众巨幕式风格页面>(点击打开链接) 部分老一辈的需求可能对这种后现代的风格并不满意, 没关系,我们完全可以改变布局 拉成门户式的风格, 他们马上屁颠屁颠地接受了: 首先,门户式的布局的大概你要清楚, 这一才利于我们快速布局 开头是一个较小的巨幕, 之后是一个导航栏,这里还是用到了按钮组 接着是各个专栏,这里是关于bootstrap栅格系统与面板的运用 最后是版权信息,这里还是一个面板 反正个人觉得这种门户式的布局风格烂大街,

【Bootstrap】兼容IE8、谷歌和其他主流浏览器的观众IMAX风格的页面

尽管说IE6除了苛刻要求的一部分,我们一直没能考虑,但WIN7内置的浏览器IE8还需要支持. 在本文中,基本这种方法的优点,我个人认为,这是准备少.我们不需要在网上找了很多照片,使材料,你只要准备好了bootstrap.jquery与photoshop在上面.bootstrap与jquery怎么配置.能够參考<[Bootstrap]一个在当前网页弹出的对话框,能够关闭.不用跳转.非弹窗>(点击打开链接) 被要求编写一个站点,经常会被怎样布局困扰. 事实上也不难.假设可以熟练使用Bootstra

Bootstrap 3兼容IE8浏览器(转)

Bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑,手机上都得到非常优秀的布局体验.这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,根据不同的分辨率来匹配不同的样式.IE8浏览器并不支持这一优秀的Css3特性,Bootstrap在开发文档中写了如何使用进行兼容IE8.但是笔者多次尝试没有成功,IE8的布局是乱的.直到今天忍无可忍,决定再尝试一下,最终获得成功.有些细节没有注意到,导致IE8没法响应式布局. 下面讲解下如何让Bootstrap

【Bootstrap】一个兼容IE8、谷歌等主流浏览器的受众巨幕式风格页面

虽然说IE6除了部分要求苛刻的需求以外已经被可以不考虑了,但是WIN7自带的浏览器IE8还是需要支持的. 本文这个方法主要的优点,个人觉得就是准备少,不需要上网寻找大量的图片做素材,你只要准备好一个bootstrap.jquery与photoshop就可以了,bootstrap与jquery怎么配置,可以参考<[Bootstrap]一个在当前网页弹出的对话框,可以关闭,不用跳转,非弹窗>(点击打开链接) 被要求编写一个网站,常常会被如何布局困扰, 其实也不难,如果能够熟练使用Bootstrap

Bootstrap 3 兼容 IE8 浏览器

公司新旧的项目,前端用的Bootstrap3的框架,但它已经放弃对IE9下的支持了.可IE8还是有着许多用户,不能不照顾到他们,IE7以下的,我只想说,现在什么年代了,要解放思想,与时俱进啊,就不能动动手升下级吗. 于是着手解决,在http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html发现了解决方法,亲测可行.在此声名对此作者的感谢. 进入主题. Bootstrap是一个响应式的布局,你可以在宽屏电脑.普通电脑,平板电脑

兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理

当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.appName == "Microsoft Internet Explorer" && (navigator.appVersion.match(/7./i)=="7." || navigator.appVersion.match(/8./i)=="

浏览器兼容 各浏览器的Hack写法 [出处:W3CPLUS]

Hack是针对不同的浏览器去写不同的CSS样式,从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack.然后将Hack放在浏览器特定的CSS文件中,让其符合条件的浏览器解析这些代码,就如前面所说的条件样式,我们将CSS Hack代码放入条件样式文件中,符合条件的浏览器就解析,不符合的将不解析,从面达到您所需要的页面渲染效果.总的一句话来说使用CSS Hack将会使用你的CSS代码部分失去作用,然后借助条件样式,使用