IE9+ BUG汇总

CSS透明没有继承 css opacity is not inherited in internet explorer

今儿遇到一个问题源于同事写的一个页面，发现父级明明 opacity:0 了，但子级还显示，原来是 IE9+ 的一个 BUG；影响版本： IE9/IE10/IE11

解决方案，请参考：http://makandracards.com/makandra/21779-css-opacity-is-not-inherited-in-internet-explorer

Elements will not inherit their parent’s opacity in IE for no good reason. This can lead to unexpected behaviour when you want to fade/hide an element and all its children.

To fix it, give the element defining the opacity a non-static positioning. For example:
.foo {
  opacity: 0.2;
  position: relative; // for IE
}
While the linked article describes this problem for IE9 and below, I have encountered the same issue in IE10 and IE11.

Just go away, Internet Explorer!

时间： 2024-11-01 04:22:35

IE9+ BUG汇总的相关文章

Android Bug 汇总

1 问题: FragmentStatePagerAdapter+viewpager第二次进入该fragment不显示数据解决方法: 在含有ViewPager的Fragment的onCreateView方法中添加代码: if (view != null) { ViewGroup parent = (ViewGroup) view.getParent(); if (parent != null) { parent.removeView(view); } return view; } Android

Android与Asp.Net Web服务器的文件上传下载BUG汇总【更新】

遇到的问题: 1.java.io.IOException: open failed: EINVAL (Invalid argument)异常,在模拟器中的sd卡创建文件夹和文件时报错出错原因可能是:(1)文件名称中含有不符合规范的字符,比如“:”,“?”或者空格等.(2)需要先创建文件夹目录再创建文件,不能直接创建文件. 2. android.os.NetworkOnMainThreadException异常,从服务器请求数据后,写入文件时报错出错原因:在主线程内执行了访问http的操作,最

移动端常见bug汇总

点击样式闪动 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景. A:根本原因是-webkit-tap-highlight-color,这个属性是用于设定元素在移动设备(如Adnroid.iOS)上被触发点击事件时,响应的背景框的颜色.建议写在样式初始化中以避免所以问题:div,input(selector) {-webkit-tap-highlight-color: rgba(0,0,0,0);}另外出现蓝色边框:outline:none

bug汇总

12/15 EC Final I题,求2的幂次中间变量tmp可能爆int,当时想着数据都是int型,每次乘个基数,一大于n(int)就break,应该没事:真相就是1e5乘1e5就gg了.幸好队友试了1e5的数据找到问题. E题,dfs时第一条路长度是没有存起来的.然后改了这个问题之后整个path数组其实都往前移了一位,所以后面也要相应地+1 12/13 数据结构实验代码,malloc时本来是sizeof(E)写成sizeof(*E),然后就越界访问,蜜汁错误找不出来这个想法是从19/12/1

IE6 BUG 汇总

1.IE6双倍边距bug 当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧margin值时,在最左侧呈现双倍情况.如外边距设置为10px, 而左侧则呈现出20px,解决它的方法是在浮动元素上加上display:inline;的样式,这样就可避免双倍边距bug. 2.3像素问题及解决办法当浮动元素与非浮动元素相邻(注意这里的相邻可以是纵向的也可以是横向的)时,这个3像素的Bug就会出现,它会偏移3像素.实际表现就是两个元素之间产生了一道缝隙!解决方法很简单,将两个元素都

UI测试常见BUG汇总

在大多数开发.测试眼中,UI测试的重要性远小于功能测试.性能测试等,但只要够细心,总能发现一些UI bug或者UI 可以改进的地方提高用户体验. 录入界面 1.1 输入字段要完整,且要与列表字段相符合(参照数据库进行检查) 1.2 必填项一律在后面用*表示(必填项为空在处理之前要有相关的提示信息) 1.3 字段需要做校验,如果校验不对需要在处理之前要有相关的提示信息 (1) 长度校验 (2) 数字.字母.日期等等的校验 (3) 范围的校验 1.4 录入字段的排序按照流程或使用习惯,字段特别多的时

ie6,ie7,ie8 css bug汇总以及兼容解决方法

1:li边距“无故”增加任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的padding引起,padding的上下值对li有影响,左右无影响.所以只好笨手笨脚地把padding去掉,换成margin.这是能解决问题,但往往不是我们想要的结果,或许还会引起其他不必要的怪现象. 解决这个问题的方法,其实很简单,既然是有ul引起的,就设置ul的显示形

IE兼容BUG汇总及解决方案(持续更新)

本篇为总结开发过程当中遇到的各种IE兼容性的小问题,比较复杂的会单开一篇文章来讲解. 另:我手头目前只有原生IE8,原生IE9,原生IE11,以及IE11模拟的IE5,7,8,9,10.因IE6太过古老而不再进行测试. 无法使用jquery的outerHTML的方式创建含有href属性的a标签(IE5-8) 问题复现: typeof $("<a href='xxx'>").get(0);//IE7-8:"undefined" typeof $("

JPUSH bug汇总

1.服务端Options 参数中的apns_production 没有设置对应的生产环境导致测试的时候可以顺利推送但是上线之后推送功能失效 2.我们在做推送的时候需要关心的一些问题关键绩效指标(KPI:Key Performance Indicator) 新增用户.活跃用户.启动次数这些指标是KPI的主要评估标准;关注这些指标的每日趋势,您可以了解到应用每天发展是否正常.是否符合预期. 留存用户.留存率.流失用户 1. 通知可以在app关闭的情况下收到,而消息只能当