解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常

网上有很多说在<head>里加一句:<meta http-equiv="X-UA-Compatible" content="IE=7" />或者<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />就可以解决,实际测试根本没有效果,原来是在ScrollPic.js里有个cssFloat这个样式除ie外都支持就tmd ie不支持,解决方法改为styleFloat。这时会发现ie下正常了,但是其他浏览器却只滚动一次,解决思路,先用js判断浏览器类型,然后使用不同 的样式:cssFloat或styleFloat。

分类:Javascript教程 时间:2012-01-01 人气:3
本文关键词:
分享到:

相关文章

  • css hack技巧详解 IE6-11.Chrome.FireFox.Safari.Opera 2012-02-08

    下面我们来看一篇关于css hack技巧详解 IE6-11、Chrome、FireFox、Safari、Opera文章,文章写得非常的深入,希望对各位有帮助。 CSS Hack技术,就是利用不同浏览器不同版本之间的CSS实现的特性差异,来满足我们需要的效果:在所有主流浏览器上显示统一的效果,或者为特定浏览器显示特定的效果。 众所周知,如果在一个css样式选择器中存在两个名称相同的属性,浏览器一般会以最后面的属性为准。 <style type="text/css"> .css-hack

  • IE6,IE7,IE8,Firefox兼容的css hack详解 2013-09-12

    本文章来分析一下关于IE6,IE7,IE8,Firefox兼容的css hack一些用法详解介绍,有需要了解的朋友可以参考一下本文章。 已经发布过关于这CSS兼容的hack的文章不止一篇,可是有太多,都已经失效,再次发布,不想谈什么乱七八糟的理论,直接上实例!如下: IE浏览器都能识别“*” “\9”;标准浏览器(如FF)不能识别“*”; IE6能识别“_” “+” “#” “@”, 同一属性有两个的只看后者 无论有没有 如果是两句它就能识别“!important”; IE7能识别“+” “#”

  • ie6 ie7 ie8 ie9和FireFox Chrome中css区别总结 2012-04-11

    本文章介绍了ie6 ie7 ie8 ie9和FireFox Chrome中css区别总结,有需要的朋友可参考参考。 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加

  • css中firefox ie6 ie7 ie8的css样式hack 2013-08-31

    以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line-height: 23px,IE8使用“9”来区分,比如:line-height: 26px9。 CSS可以参照如下定义,注意顺序: 代码如下 复制代码 #menu { line-height: 23px; }/* firefox 浏览

  • CSS超出文本用省略号显示 兼容firefox IE6 IE7 2012-07-24

    下面我总结了大家常用的一些CSS超出文本用省略号显示代码,这里都会兼容firefox IE6 IE7等主流浏览器。 CSS设置文本溢出不显示或显示省略号,只显示一定长度的文本,ie9下只需设置 代码如下 复制代码 div{white-space:nowrap;text-overflow: none;} 或 代码如下 复制代码 div{white-space:nowrap;text-overflow: ellIPsis;} 即可,在ie6,ie7需增加宽度设置才能生效 代码如下 复制代码 div{

  • css ie6.ie7.ie8中overflow:hidden无效解决办法 2012-10-27

    今天我们做一个商城实现时利用了overflow:hidden但是怎么也达不到我们想的我效果,网上查了一下原来这是ie bug哦,下面我们来看处理办法吧。 产生原因: 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。 解决办法: 我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。 解决这个bug很简单,在父元素中使用position:relative;即可解决该

  • JS代码判断IE6,IE7,IE8,IE9的函数代码 2013-07-14

    JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代码 做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代码! 第一种: 复制代码 代码如下: <script type="text/javascript"> var browser=navigator.appName var b_version=nav

  • jquery实现图片渐变切换兼容ie6/Chrome/Firefox 2013-10-18

    jquery代码实现图片渐变切换同时兼容ie6、Chrome、Firefox,想学习的朋友可以测试下,希望对大家有所帮助 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

  • css中常用的ff,ie6,ie7样式兼容问题收集 2014-07-02

    现在要做出一个兼容性高的网站可不简单需要兼容ie,ff,ch并且ie6,ie7,ie8又不同,所以我们在写css需要懂的很多技巧性的东西,下面我们收藏了开发中常用到的兼容办法。 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致 页面没按要求显示!找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了现在写一个CSS可以这样: 代码如下 复制代码 #1 { c

Copyright (C) quwantang.com, All Rights Reserved.

趣玩堂 版权所有 京ICP备15002868号

processed in 0.071 (s). 10 q(s)