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

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

png24格式的图片在用jQuery添加显示隐藏动画时发现,图片的半透明区域出现黑边? 在网上搜了搜主要有以下几种办法: 1.把图片保存成PNG-8格式. 2.把背景色一起切入并保存为JPG格式. 以上两种方法我试了试,好像效果并不好png8格式仍就会有黑边. 解决方法: 1.不要直接改变图片的透明度,而是给图片套个容器,去修改这个容器的透明度 2.给这个容器加个颜色相近的背景颜色(非常重要,解决bug的关键就在这一步,) 一般情况下,到此bug就解决了,如果还是有问题,请看下面: 3.给容器加…

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

今天写一地图的效果,鼠标点击对应的区域,弹出所点击区域的名字. 因为设计的区域名字有特殊效果,所以,在点击区域里面套了个标签写上区域名字用来识别,但是这个文字呢不同显示在页面上,所以就给 em 加个了display:block;text-indent:-9999px的样式. 用jquery var _index = $(this).index(); 获取当前点击的标签对应的名字时,发现在ie8每次获取的标签所在位置都不正确,其它浏览器都正常.百思不得其解,找了很长时间问题,发现,把 text-i…

今天修改网站的bug,把网页显示的几张图片给做成左右滑动的动画效果: 由于本身有一个demo可供参考,然后在此基础上进行修改,所以很快就搞定了,然后在chrome,firefox,IE9下分别进行测试,都没问题: 然后毕竟要考虑IE的兼容性,开始在IE8下测试,然后就出现问题了,样式可以正常显示,但左右滑动的效果没了,百思不得其解,难道jquery的animate方法在IE8下有问题: 于是看animate的实现方式,无外乎就是改变div的margin-left属性值,源代码如下: $("#pr…

因为项目要表单验证,所以特意去找了jquery.validate这个应该是jquery官方团队出品的表单验证插件. 实际应用时,却在IE8调试时碰到了问题. 从jquery.validate官网下载了压缩包后,用demo中的页面在IE8下并不会报错 而我应用到实际页面中去却会在IE8下报错.如下图: 对比了demo中的页面后,略尴尬的发现,demo中引用的是jquery.validate.js,而我因为要应用到生产环境中,所以下意识的引用了其中的jquery.validate.min.js,也即…

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

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

同事在复制bootstrap中的select控件之后,发现用$('.selectpicker').selectpicker();刷新下拉框控件不好使,后来发现是用原生js克隆的方法obj.cloneNode(); 复制出来的元素全部都不能绑定上JQ的事件按,所以要用jquery自带的克隆方法去克隆元素,才能绑定JQ的事件,这应该是IE8和Jquery的一个兼容的BUG吧 结论:IE8以下jquery的on事件失效,有可能是使用了原生js,可以换jquery的事件来试试. IE8以下失效例子如下:…