解决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下部分方法失效的解决方法

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

关于ie8下disabled属性：字体颜色问题

在ie8下,input/textarea输入框如果使用disabled属性,字体的颜色会变灰,这时我们可以使用另一种方法实现它. 不使用disabled,用readonly代替: input[readonly],textarea[readonly]{ background:#CCC; //颜色按实际需求调整 color:#000; //颜色按实际需求调整} 但是效果却不尽人意,readonly在ie8底下会有光标,如何解决呢?只需写如下js: $(‘input[readonly],…

解决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下h5元素兼容性的问题

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

解决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++…

CSS的display属性，显示或隐藏元素

<html> <head> <script type="text/javascript"> function removeElement() { document.getElementById("p1").style.display = "none"; document.getElementById("d1").style.display = "none"; } func…

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下trim失效

1.ie8下使用trim失效 trim可以除去字符串两侧的空白字符,但ie8并不支持 2.解决方案 String.prototype.trim = function () { return this .replace(/^\s\s*/, '' ).replace(/\s\s*$/, '' ); }…

解决opacity属性在低版本IE浏览器下失效的方法

以前,一直都以为ie9以下的版本不支持opacity属性.所以就同时使用 opacity和ie独特的filter蒙版.但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的opacity,这种情况下,同时使用opacity和filter就显的有点麻烦了. 其实,只使用opacity+jquery就完全解决这个问题. 用法如下: <script type="text/javascript"> $(function () { $("#p1&qu…

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)就可以了.…

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

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

input输入框的border-radius属性在IE8下的完美兼容

在工作中我们发现搜索框大部分都是有圆角的,为此作为经验不足的前端人员很容易就想到,给input标签添加border-radius属性不就解决了嘛.不错方法确实是这样,但是不要忘了border-radius是css3属性,IE8不兼容!!!那么问题来了,怎样在IE8下完美兼容呢? 网上有很多关于css3属性在IE8下兼容的方法,需要引入PIE.htc这个文件,相信很容易搜到并下载该文件,但是用上position:relative;behavoior:url(PIE.htc);后发现圆角是实现了,但…

ie8 下margin-top失效的小案例

一个小案例,是关于IE8下的margin-top的失效问题,巨日代码如下: 正常的chrome浏览器下的显示如下: margin-top=10px,正常显示但是在ie8下,最终样式如下: margin-top已经不翼而飞. 这类问题的具体原因,不太清楚,等待后续的学习. 具体的改善措施,就是:给父级元素wrap添加display:inline-block; 就解决了.…

$.getJSON在IE8下失效

$.getJSON("/Home/GetData?r=" + Math.random(), { ids: ids }, function(data) { //处理逻辑 }); 原因:getJson在IE8下默认会使用浏览器缓存解决:让其不要使用缓存 …

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 下 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…

解决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采用事…

input 的 placeholder属性在IE8下的兼容处理

placeholder是input标签的新属性,在使用的时候有两个问题: 1.IE8 下不兼容处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性的值 2. input的type属性是password的情况,用上面的方法处理提示语为密码文处理思路: 新添加一个标签,模仿placeholder属性直接上代码: css部分: .input-item {…

使用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…