解决ie8下h5元素兼容性的问题

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义补充或相关内容: 方式一:Codi…

解决IE8下opacity属性失效问题，无法隐藏元素

解决IE8下opacity属性失效问题由于opacity属性存在兼容性问题,所以在IE8下,用opacity来设置元素的透明度,会失效,从而导致页面的样式问题.在IE8及其更早的浏览器下,我们可以使用filter属性,来代替opacity属性,从而达到IE8下设置元素透明度目的.例如,需要将div的透明度设置为80%,相应的写法应该为: 作者:肖生克的九叔_链接:https://www.jianshu.com/p/74b68774c3a9來源:简书著作权归作者所有.商业转载请联系作者获得授…

解决IE8下opacity属性失效问题

由于opacity属性存在兼容性问题,所以在IE8下,用opacity来设置元素的透明度,会失效,从而导致页面的样式问题. 在IE8及其更早的浏览器下,我们可以使用filter属性,来代替opacity属性,从而达到IE8下设置元素透明度目的. 例如,需要将div的透明度设置为80%,相应的写法应该为: 作者:肖生克的九叔_链接:https://www.jianshu.com/p/74b68774c3a9來源:简书著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. div{ o…

解决IE8下CSS3选择器：nth-child() 不兼容的问题

1.定义和用法 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型. n 可以是数字.关键词或公式. <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> 选取上面结构里面的li ul li:nth-child(1){ color:#fff; }/*选取第一个li*/ ul li:nth-child…

解决IE8下不兼容rgba()的解决办法

rgba()是css3的新属性,所以IE8及以下浏览器不兼容,这怎么办呢?终于我找到了解决办法. 解决办法我们先来解释以下rgba rgba: rgba的含义,r代表red,g代表green,b代表blue,a代表透明度. rgba(0,0,0,.5) 这样就代表了黑色,透明度为0.5 要想解决在IE8下的透明度问题,可以增加这样一句话: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endC…

解决IE8下VS2005,VS2008一些向导提示脚本错误问题

Some VS2005 and VS2008 Wizards Pop Up Script Error. Visual C++ team has discovered that after installing the current release of Internet Explorer (Internet Explorer 8), some VC++ wizards do not function correctly. The products affected are Visual…

解决ie8下页面刚出现时候的晃动问题

出现这个问题的原因的页面的高度超过一屏,这个时候需要在开始的时候给 html,body {overflow:scroll;overflow-x:hidden}; 这样就可以解决这个问题了…

解决IE8下不支持document.getElementsByClassName的方法

在代码前面加如下代码: if (!document.getElementsByClassName) { document.getElementsByClassName = function (className, element) { var children = (element || document).getElementsByTagName('*'); var elements = new Array(); for (var i = 0; i < children.length; i++…

text-align 在ie7与ie8下的区别

在某元素上应用text-align:center; 在ie7下解释为,该元素内的元素和文字都居中. 在ie8下解释为,该元素内的文字居中. 例如:<div style="border:1px solid red; height: 150px;width: 150px;text-align: center; "> <div style="border:1px solid green;height: 100px;width: 100px;"&g…

ie8下jquery改变PNG的opacity出现黑边

复制网上的,没有他们那个类型的博客,所以就直接复制了这些天在做一个效果,鼠标经过,PNG图片由透明变成不透明,jquery代码:$(element).animate({"opacity":1},1000); 但是会出现黑边,晚上查了好多办法,分别对IE8设置过滤器啊等等,都不见效果.后面看了一篇文章说ie6不是不支持PNG格式,而是不支持PNG-24,但是能支持PNG-8.这个给了我启发,我发现了有3个办法来解决IE8下出现黑边的问题: 1.把图片保存成PNG-8格式. 2.把…

IE8下JQuery clone 出的select元素使用append添加option异常解决记录

遇到一个怪现象,由于配置参数是多实例的, 故采用JQuery对模板HTML代码进行clone, HTML代码中包括select标签, 在克隆之后需要对select进行添加option. 在firefox和chrome浏览器上都没有问题,在IE10下也没有问题, 但是在IE8下就出现问题,使用append添加option后,IE8上就显示不出来新添加option. 示例代码如下,对于clone出的第二个select有问题,但是通过打印,发现添加后的option数目是正确的3个. 这个就太令人费解了…

【原创】最有效解决IE8 position兼容性问题

看了网上的的帖子真是水的一塌糊涂,完全没有解决我和广大网友们的关于ie8下position兼容性问题. 网上有的技术我就不说了 ,大家自行搜索,我想说的重点是 ie8不支持html5的新标签.这是重点.因此有的童鞋怎么搜索网上再怎么实现也不会成功解决这个问题. 就比如html5的<header></header>标签. 现在解决办法有两种: 一.你将那些新标签全改成div(费事费时,还得从新规划css样式 ) 推荐: 二.用js代码让ie8可以识别那些新标签. 详解+步骤: 1.在…

解决Socket.IO在IE8下触发disconnect时间过长

本文地址: http://www.cnblogs.com/blackmanba/p/solve-socketIO-IE8-emit-disconnect-too-long.html或者http://forkme.info/solve-socketIO-IE8-emit-disconnect-too-long/, 转载请注明源地址. 概述 Node.js是一个是一个构建在Chrome's JavaScript runtime上的应用程序.能够容易的建立起快速, 可扩展性的应用.Node.js采用事…

CSS:在IE浏览器下，元素下沉一行的解决办法

HTML: <ul> <li><a href="">嘻嘻嘻嘻嘻嘻</a><span>2015-12-17</span></li> <li><a href="">嘻嘻嘻嘻嘻嘻</a><span>2015-12-17</span></li> <li><a href="">嘻…

ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也非常丰富,但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数,并且由于 WINDOWS XP在国内市场份额比较大,并且XP上好多人还在用IE6 IE7 IE8等浏览器,而这些浏览器对于PNG支持或多或少都有差距,IE6完全不支持PNG,IE7 IE8支持PNG不完全,在IE7 IE8下面对…

IE8下String的Trim()方法失效的解决方法

String的Trim()方法失效,在ie8下是有这样的情况的,解决方法也很简单使用$.trim(str)即可,需要的朋友可以了解下用jquery的trim()方法,$.trim(str)就可以了.…

IE8下部分方法失效的解决方法

1.IE8下String的Trim()方法失效的解决方法用jquery的trim()方法,$.trim(str)就可以了: 例:_id.trim() !='' 改为 $.trim(_id) != '' 2.IE8下setTimeout()无效遇到这个问题,setTimeout(Scroll(),3000); 这种写法在IE8 下不能够执行,提示参数无效, setTimeout(function(){Scroll()},3000);这种方式就可以了.…

使用ie的filter来解决rgba在IE8下没有效果的问题

使用ie的filter来解决rgba在IE8下没有效果的问题,css代码如下: background: rgba(255,255,255,0.1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); 第二句话的意思就是当上一行的透明度不起作用的时候执行.这句话的意思本来是用来做渐变的.但是这个地方不需要渐变.所以两个颜色都设置成了相同的颜色. rgba…

一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行

一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行…

IE8 下 select option 内容过长 , 展开时信息显示不全解决办法

IE8 下 select option 内容过长 , 展开时信息显示不全 , 简单折衷的方式就是给 option 加上 title 属性 , 但是又不想一个个的修改,怎么办呢,代码如下 : //select option bind title $(document).delegate('select', 'mouseover', function() { var $this = $(this); if($this.data('data-bind-title')) { return; } $thi…

关于asp.net mvc4 在IE8下导出excel失败的解决办法

在使用FileResult向浏览器输出文件时(pdf,excel等),通常这样做: byte[] fileContents = Encoding.UTF8.GetBytes(sbHtml.ToString());//拼接的table var fileStream = new MemoryStream(fileContents); return File(fileStream, "application/ms-excel", "统计.xls"); 在谷歌.火狐下测试没…

关于inline-block在IE8下无效的解决方法

IE8下ckeditor无法正常使用，提示"例外被抛出且未被接住"的解决办法

在IE8下background-image不显示的解决方法

刚写一个页面,在chrome,FF里调试完后,忽然想起ie来,放到Ie里其它还好了,但是有个背景图片显示不出来. 调试N遍后,只好上stackoverflow去找一下,果然找到了. 最初是这样写的: background: url(../images/img.png)no-repeat; 在ie8下不显示,改成如下: background: url(../images/img.png) no-repeat; 可以显示了. 看出差别了吗?没有错,一个空格.仅一个空格而已.…

解决$.ajax请求在ie8下失效问题

ie8下默认把跨域请求拦截了,需要用jquery.xdomainrequest.min.js 处理跨域问题,需放在jq下引入 http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js…

IE6 7下常见CSS兼容性处理

以下是一些比较常见的IE6 7下的兼容性问题. 在当下这个时代,其实我们几乎可以不用再去针对IE6做兼容性的处理,除非你的公司还是诡异的要求你兼容到IE6.但是了解一些常见的兼容性问题还是可以帮助我们提高一些布局上的技巧. 以下内容并不需要背下来,其实只要做到见过,万一某一天真碰到了这样的问题知道在哪里可以查看解决方法就可以了. 另外最重要的一点,我认为布局上的规范与合理是解决兼容性的最佳方案.如果布局规范,层次结构清晰,明确,那么至少在IE7下我们其实都不用做特别多的针对性的兼容处理.如果你的…