浏览器兼容
文章平均质量分 81
chen_hua89
专注web前端
展开
-
IE兼容性问题汇总【持续更新中】
问题:IE8/9不支持Array.indexOf 解决方案if (!Array.prototype.indexOf){ Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0; var from = Number(arguments[1])原创 2016-03-08 09:27:17 · 2145 阅读 · 0 评论 -
兼容IE、Firefox的背景半透明内容不透明设置
首先要说明的是背景是内容的祖先元素。如果是兄弟节点那就没有必要记录这篇文章了。 记录一下,知其然也知其所以然。IE8-特点: 1.不支持"opcity:0.5;"这种写法,只支持"filter:alpha(opacity=50)"。 2.如果背景元素拥有css属性设置了z-index的值(除默认值auto外),则内容会随着背景元素一起半透明 3.如果背景元素的内容元素本原创 2016-03-08 09:26:13 · 528 阅读 · 0 评论 -
placeholder的兼容处理(jQuery下)
这是一个老问题,结合前辈们的经验,需要处理的问题有一下几个。 1.只有输入框(input/textarea)下的palaceholder属性存在的时候才需要处理这类兼容 2.处理好输入框上焦点和是焦点的文本显示 3.密码输入框比较特殊,因为为其设置显示文本时显示的是一串“***”。这个问题后面分析。处理好前两点还是比较简单的,处理源码为如下var browserSuppo原创 2016-03-08 09:25:53 · 575 阅读 · 0 评论 -
IE9父容器overflow:auto时,子容器状态更改导致滚动条下出现额外空间的问题探讨
IE的每次跟新都会有一些奇葩的bug,我们默默承受了。 这个问题在项目中出现困扰了我近一个星期,这里记录一下。看下面实例 style> .panel{ width: 200px; overflow: auto; background-color: #f00; } .inner{原创 2016-03-08 09:25:32 · 1219 阅读 · 0 评论 -
window、document、html、body、element的事件属性比较
在分析jQuery的事件的时候有提到绑定事件的方式:Dean Edwards的跨浏览器事件绑定使用的方式是element["on" + type] = handleEvent; 即绑定的事件的前提条件是element.onxxx属性必须存在。jQuery的绑定方式是使用浏览器的绑定绑定方法if ( elem.addEventListener ) { elem原创 2016-03-08 09:25:23 · 743 阅读 · 0 评论 -
报告一个IE很奇葩的滚动条问题——百分比计算宽度为浮点数时的滚动条显示异常
起因: 做项目的时候做了一个表格内容超过DIV容器自动横向滚动处理。别的浏览器都正常;但是在IE下面明明表格table和容器DIV宽度一致但是却出现了滚动条。如图 然后本人做实验找了半天原因终于是找到了,是IE浏览器使用百分比计算宽度值不是整数值引起的。 实例1:使用百分比计算结果是整数的情况下显示正常。DOCTYPE html> html> head>原创 2016-03-08 09:25:19 · 1691 阅读 · 0 评论