文章分类 - 浏览器兼容性
IE6 IE FF Chrome,Opera
摘要:181830707317173安卓中文网新浪游戏236640407游戏口袋巴士电玩巴士中华网游戏18183 /*尾部链接不定高度居中,兼容ie6.7*/#wrapper{height:190px;width:28%;overflow:hidden;*position:relative;display:table;} #mid{display:table-cell;left:0;vertical-align:middle;*position:absolute;*top:50%;}div.boxstyle{text-align:center;padding:5px;*position:rel...
阅读全文
摘要:解决方案很简单,就是在Li中添加一条样式 white-space: nowrap;这个时候,在ie6、ie7中文字很可能出现断行(暂没发现其他浏览器出现这个问题)解决问题方法: 1)如果文本中没有空格,用word-break属性的keep-all参数可解决这个问题,2)如果文本中有空格,用white-space属性的nowrap 参数可解决问题。细节解释:1. 在CSS中关于换行的属于有两个分别是word-break以及white-space,其中word-break是IE的专有属性,由于这个折行问题只在IE下会出现,所以先试一下word-break。word-break有三个参数:norma
阅读全文
摘要:chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式:input:-webkit-autofill {background-color:#FAFFBD;background-image: none;color:#000;}在有些情况下,这个黄色的背景会影响到我们界面的效果,尤其是在我们给input文本框使用图片背景的时候,原来的圆角和边框都被覆盖了:情景一:input文本框是纯色背景的可以对input:-webkit-autofill使用足够大的纯色内
阅读全文
摘要:width:136px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
阅读全文
摘要:display: inline-block;ie7下用*display:inline;*zoom:1;兼容
阅读全文
摘要:javascript部分//先判断是否是ie6if(/msie|MSIE 6/.test(navigator.userAgent)){ // search for selectors you want to add hover behavior to $('.jshover').hover( function(){ $(this).addClass('over'); }, function(){ $(this).removeClass('over'); }}或者: Special instructions for IE 6 here... e.g
阅读全文
摘要:判断IE浏览器:1.+[1,]2.!+"\v1" (利用的是ie不支持垂直制表符的特性)3.!!(window.attachEvent && navigator.userAgent.indexOf('Opera') === -1) (库prototype的方法,navigator.userAgent.indexOf('Opera') === -1是因为opara浏览器能伪装成ie)4.!!(!window.addEventListener&& navigator.userAgent.indexOf('O
阅读全文
摘要:Mozilla中:addEventListener的使用方式:target.addEventListener(type, listener, useCapture);target: 文档节点、document、window 或 XMLHttpRequest。type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。 listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 useCapture :是否使用捕捉,一般用 false 。例如:document.getElementById("t
阅读全文
摘要:原因:明智的浏览器(ex. chrome and firefox)会初始付值给html{overflow:visible;}IE6 初始付值html{overflow-x:auto;overflow-y:scroll;}IE7 初始付值html{overflow-x:visible;overflow-y:scroll;}只有dom根结点(也就是html根节点)设置html{overflow:visible;}的时候,浏览器才会将body元素中的overflow值应用到视图区。举个例子说:设置了body{overflow:hidden},还会出现滚动条,不过这个滚动条不是body的,是html的
阅读全文
摘要:什么是 haslayout ?haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用 了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout 属性值为true时,我们说这个元素有一个布局(layout)当一个元素有一个布局时,它负责对自己和可能的子孙元素进行尺寸计算和定位。简单来说,这意味着这个元素需要花更多的代价来维护自身和里面的内容, 而不
阅读全文
摘要:1.小图整合在一张大图里,然后在不同的CSS里调用同一张图片,以此来减少请求数,这是页面优化最常用的手段,但IE6会对页面里同一个图片,只要在不同的地方有引用到就会重新请求一次,需要加JS代码解决。2.IE6默认不缓存背景图片,CSS每次更改图片的位置时都会重新发起图片请求,这样对于视觉上有一定的闪烁解决:<!--[if IE 6]><script type="text/javascript">try { document.execCommand('BackgroundImageCache', false, true); } catc
阅读全文