转自:http://www.cnblogs.com/yexiaochai/archive/2013/06/10/3130632.html 1.IE7的bug 就是z-index需要依赖其父元素的z-index才行,否则儿子再高,但是父元素低,他依旧会被别人挡着.…

需求 最近在做博客的目录功能,发现一个在现代浏览器间的一个bug,或是称之为差异,即页面滚动值(scrollTop)的获取与设定. 在此之前先说一下关于页面元素的坐标获取,这张图的经典性不必再提. 实现滚动到某位置功能 博客目录的一个最主要的功能就是实现点击标题页面滚动,因为我们要滚动到页面某个标题,所以需要计算出滚动这个元素的具体绝对位置,而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量,此处不适用. 此处应使用浏览器原生提供的 getBoundingClientR…

随着移动互联网的崛起与完善,WebRTC的应用场景相较于它刚诞生时已经有了极大的变化,以图片和视频为代表的流媒体技术走向普及,交互式网站也逐渐成为互联网的新常态,因此WebRTC API应该把当前以及未来的应用趋势都作为出发点来考虑.     本文是WebRTC工作组最新一次会议后的候选推荐标准,基于WebIDL定义了一组ECMAScript API,允许在实现了相关实时协议的浏览器或设备之间发送和接收媒体内容.同时也是对WebRTC的一个全面介绍,包括WebRTC中的各个术语,独有的概念,AP…

“我胡汉三又回来了”,好久没出现在博客园了,准备考试什么的最烦躁了,今天又重新整了下我的Ubuntu,结果发现了一个Chrome浏览器的Bug,但是与其说它是个Bug,还不如说它是个Joke. 好吧,原谅我有电脑洁癖,尤其是对于-目录的洁癖,今天偶然发现-目录下多了一个名为“libpeerconnection.log”的文件,起初不以为意,虽然不知道是怎么生成的,但是打开一看,什么内容都没有,也就安安心心地删了.删的时候就有种预感,这玩意不会又偷偷自己生成吧.果不其然,不管我怎么删,重启电脑后,…

IE6浏览器的bug问题及相关解决的方法 1.css浮动边距加倍错误(双倍边距BUG)的解决办法   该错误只影响ie而不影响其他浏览器,我们可以考虑用hack来解决!!!   解决方法:_display:inline; 2.扩展框问题  原因:无法将内容放入固定宽度或固定高度的框中,则框会扩展以适应内容,而不是让内容溢出框外.解决方法:overflow: hidden 3.png图片的问题,   IE6一下版本不支持png图片的格式: 4.三像素文本慢移   Ie6里面的banner部分折成三…

认识hasLayout--IE浏览器css bug的一大罪恶根源 转 什么是hasLayout?hasLayout是IE特有的一个属性.很多的ie下的css bug都与其息息相关.在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容.当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和定位.虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容,而不是依赖于祖先元素来完成这些工作.  下列元素默认 hasLay…

2016年2月19日个人博客文章--迁移到segmentfault 当我们在编写JS用于处理事件时,由于考虑到不同浏览器间Js代码兼容不同,代码不易记忆,于是做出如下整理.(当然以后还会增加更新的...) 示例代码如下: (1)阻止默认事件 obj.onclick=function(ev){ var event=ev||window.event; if(event.preventDefault){ event.preventDefault(); /*W3C标准*/ }else{ event.re…

Bugs及解决方案列表(以下实例默认运行环境都为Standard mode): 如何在IE6及更早浏览器中定义小高度的容器? 方法: #test{overflow:hidden;height:1px;font-size:0;line-height:0;}IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高 如何解决IE6及更早浏览器浮动时产生双倍边距的BUG? 方法: #test{display:inline;}当在IE6及更早浏览器中出现浮动后margin值解析为双倍的情况,设…

 原文地址:http://neverned.blog.163.com/blog/static/1265524200933021130561/   什么是hasLayout?hasLayout是IE特有的一个属性.很多的ie下的css bug都与其息息相关.在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容.当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺寸计算和定位.虽然这意味着这个元素需要花更多的代价来维护自身和里…

一.IOS自带safari浏览器 1.safari不支持fixed.input输入框 iOS下的 Fixed + Input 调用键盘的时候fixed无效问题 拖动页面时 header 和 footer 已经定位在了对应的位置,目测没问题了 但接下来问题就来了!如果底部输入框软键盘被唤起以后,再次滑动页面,就会看到如下图所示: 我们看到 fixed 定位好的元素跟随页面滚动了起来… fixed 属性失效了! 这是为什么呢?简单解释下: > 软键盘唤起后,页面的 fixed 元素将失效(即无法浮动…

浏览器与服务器之间的数据交换有很多类型,不只是表单提交数据这一种,比如ajax技术就大量使用json.xml等,这时候就涉及到浏览器端和服务器端数据格式转换的问题,服务器端都是Java对象,需要把请求信息转为Java对象,或者把Java对象转换为响应信息,Spring提供了很重要的接口HttpMessageConverter. 这个接口有很多实现类完成信息转换,比如: ----StringHttpMessageConverter----将请求信息转为字符串 ----ByteArrayHttpMe…

1.文字本身的大小不兼容 同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的, ie下实际占高16px,下留白3px ff 下实际占高17px,上留白1px,下留白3px opera下就更不一样了 解决方案:给文字设定 line-height .确保所有文字都有默认的 line-height 值. 2.ff下容器高度限定,即容器定义了height之后,容器边框的外形就确定了,不会被内容撑大, 而ie6下是会被内容撑大,高度限定失效,ie7,8,9都不会撑大. 所以不要…

今天渠道组,说广告在安卓手机360浏览器上显示不了,我就去排查这个问题,发现所有安卓浏览器还真看不到广告,本来以为是360浏览器屏蔽了,,但是另一个项目就没事,后来经过几个小时的不断alert断点调试下.终于找到了问题 let data = { type: this.dataType, qid: qid, uid: recgid, // 用户ID os: os, readhistory: readUrl, adnum: 4, pgnum: this.pgnum[this.curPos], adt…

Internet Explorer CSS Bugs Overview Internet Explorer is famous for not supporting many of CSS properties as well as contaning numerous bugs in the ones it supports. This page lists problems in Internet Explorer, samples demontrating them as well as…

项目中用到一款lhgDialog插件,最近在Win7系统IE11浏览器打上最新补丁(KB4012204)后,对话框内容的高度变成默认高度,经过调试,修改了lhgDialog里的iframe高度,问题解决. 找到 p = "width:100%;height:100%;border:none 0;"; 替换为: if(m.height && m.height>0) p = "width:100%;height:"+ m.height +"…

获取滚动条高度 var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; safari浏览器时间函数参数问题 new Date("7 19,2016 10:00:00") Invalid Date new Date("7/19/2016 10:00:00") Tue Jul 19 2016 10:00:00 GMT+0800…

问题描述: 对于不同浏览器存在对中文编码格式问题,从而在导出Excel文件时,中文文件名出现乱码的情况,即在程序中给要导出的文件指定一个中文名字时,在浏览器上出现的下载框中的文件名出现了乱码,解决如下: 解决方案: Date dt=new Date();//如果不需要格式,可直接用dt,dt就是当前系统时间 DateFormat df = new SimpleDateFormat("yyyy/MM/dd HH:mm:ss");//设置显示格式 String nowTime="…

首先我们测试了老师反馈的异常情况.这所中学使用的是 IE8 浏览器.IE8 浏览器提交作文评分的情况是:一直停留在“正在提交系统评分”的页面,停留了很长时间以后,页面空白. 换用火狐浏览器,可以正常评分.个人思考:可能是在 IE 浏览器下使用 jQuery 的 ajax方法失效.因此前端代码不能正确调用后台的方法,因此我们系统的“每隔30秒自动保存”的机制也失效了.(其实在后面的分析中,我们可以看到,这只是假象.)于是我们很自然地想到的解决方案就是让用户更换浏览器,IE 浏览器虽然现在还是占有一…

1.display:table居中显示 在chrome和safari浏览器上兼容问题 2.滤镜 在chrome浏览器中能正常显示,在360浏览器中不能正常显示 3.省略号问题 对于一行显示,基本上对所有的浏览器而言,没有什么兼容问题,但对于多行显示时,就会存在一些问题,css3样式中有专门针对webkit浏览器多行显示的省略号,但这种样式在其他浏览器中,可能就会没有效果 4.input输入框,文字离左边框的距离 一般不要用padding-left,当输入框的输入的文字超过了文本框的宽度后,pad…

JS中 ,通过 new Date() 可以获取当前时间 也可以通过 new Date("2013/12/12 8:00:00")的方式,创建某个指定时间对象 在Chrome和FF下,以下几种格式都是允许的 new Date("2013/12/12") new Date("2013-12-12") new Date("12-12-2013") 注:后来发现 这个FF不支持 new Date("12/12/2013&qu…

1.IE6不支持连续类的交集选择器 1 #box.box.box1{ 2             width: 200px; 3             height: 200px; 4            background: pink;         } 2.ie6盒模型兼容问题 3.不支持小于文字高度的盒子 4.浮动兼容性问题 5.超链接图片问题…

用Margin还是用Padding 何时应当使用margin: 需要在border外侧添加空白时. 空白处不需要背景(色)时. 上下相连的两个盒子之间的空白,需要相互抵消时.如15px + 20px的margin,将得到20px的空白. 何时应当时用padding: 需要在border内测添加空白时. 空白处需要背景(色)时. 上下相连的两个盒子之间的空白,希望等于两者之和时.如15px + 20px的padding,将得到35px的空白. margin是用来隔开元素与元素的间距:padding…

一般会用到<!--[if IE]>这里是正常的html代码<![endif]--> 条件注释只能在windows Internet Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令.因为这只是IE浏览器支持的注释. 1,条件注释的基本结构和HTML的注释(<!-- -->)是一样的.因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们. 2,IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容. 3,条…

最近一年,在开发实践过程中遇到了不少问题,大多都能得到解决 部分知其原理,部分只能做到解决问题,而半年前遇到的问题,或多或少都忘得差不多了 是该记录一下一些问题,防止再遇到就得再查资料了 1. 浏览器在开启有道划词插件的时候,使用 AjaxFileUpload 插件上传文件报错 开启插件时,该插件会往文档中添加音频元素节点 而AjaxFileUpload插件的上传文件处理方式是,获取返回的实体内容,直接进行eval 解析,解析失败,报错,则无法上传 这插件在旧系统中常用到,解决办法就是不用这个插…

在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题.其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox.Opera等.需要对这些浏览器进行兼容. 同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在 IE5(IE5.5).IE6和IE7这三个版本中.而这3个版本对于我们制作的WEB标准网页(XHTML+CSS)解释执行的显示状况不尽相同.并且,其他非IE浏览器与IE对某些CSS解释也不一样…

zepto 赋值时单位转换问题 zepto 的 animate 方法移动某个元素的位置时,例如修改某个绝对定位的元素的 left 值,要与修改前的值单位一致,修改前如果是像素值,修改后也要是像素值,否则android 手机上将不会出现动画效果,而是直接把元素放到修改后的位置.使用 jQuery 时会进行计算并最后赋值为像素值,zepto 省略了转换所以会有单位问题,需要注意. transform:rotate 在 Safari 中渲染 bug transform:rotateY,  transf…

所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果.所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题.在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都是浏览器的b…

ie7.8常见bug,共计257个bug汇总 针对web开发者来说,浏览器的bug,特备是ie的bug是很多人的噩梦,因为ie的更新换代没有ff,chrome,safari,opera那么快,而且ie的用户群体也不少,所以很多开发者都会遇到ie的bug,同时针对性地提出解决方法. 据我所知,不少的调试人员是在调试过程中遇到bug,然后上网查找资料,最后再解决bug. 有时候,遇到的ie bug多了之后,而且症状很奇怪,往往会严重拖慢开发程序的进度! 所以,我想到了一个无数程序员都想到的问题!!…

由于做HTML5相关的项目,许多前卫时髦的前端技术就需要考虑一下IE是否支持.要是在以前,可以很方便地调用jQuery的jQuery.browser来实现. If(jQuery.browser.msie) alert(“DIE IE!”) 但这一便利在jQuery 1.9之后就不复存在了.突然觉得像失去了一个最亲密的战友,一个我一搞开发就离不开的好基友,一个我离开了就 无法写出跨浏览器的前端代码的好工具.一下子我竟不知道该如何是好. 然后每次需要考虑IE的时候,我就会去google一下,如何用1…

function MyFavorite(sURL, sTitle) { var ctrl = (navigator.userAgent.toLowerCase()).indexOf('mac') != -1 ? 'Command/Cmd': 'CTRL'; try{ if (document.all) { //IE类浏览器 try { window.external.toString(); //360浏览器不支持window.external,无法收藏 window.alert("国内开发的36…