bug
关注
分享
扫一扫
文章平均质量分 61
魔豆爸
擅长Web开发前端技术，具有多种浏览器下开发经验。精通 JavaScriptAJAX编程熟练使用主流JS库。手写JS能力强，运用无干扰的JS思想进行开发。熟练使用CSS及DHTML，W3C标准的推广和贯彻者。熟悉Java语言,MVC设计模式,StrutsSpring架构
展开
-
IE6下著名的z-index bug
abcc项目实现这样一个功能：点击“上载查询”，弹出一个绝对定位的div（类似qq文件中转站的“上传文件”按钮），里面有上传按钮等，点击后div在最上层。即z-index为最大。在firefox下表现良好，在IE6下无论如何也盖不住select。墨墨说是IE下一个著名的bug，解决方法用一个iframe包住select。 以下是一个测试的静态html，为bug重现及及解决方法。原创 2010-05-12 08:43:00 · 1264 阅读 · 0 评论 -
webkit中使用js给html元素style设置filter属性，再获取filter时为undefined
以下为重现该bug的代码， <!DOCTYPE HTML><HTML> <HEAD> </HEAD> <BODY> <div id="a">HELLO</div> <script> var obj = document.2010-06-18 11:22:22 · 496 阅读 · 0 评论 -
webkit中设置align为center的div中的table会自动产生外边距magin，用js改变margin将不起作用...
该现象重现代码如下： <!DOCTYPE HTML><HTML> <HEAD> </HEAD> <BODY> <div align="center" style="width:500px;border:1px solid gray;"> <table2010-06-18 14:12:52 · 215 阅读 · 0 评论 -
document.writeln引入js文件的bug
以下代码重现该bug 1，a.html <!DOCTYPE html><html><head></head><body> <script src="a.js"></script></body></html&a2010-06-22 10:07:47 · 702 阅读 · 0 评论 -
IE6/7/IE8(Q) 中td的上下padding失效Bug
Bug重现代码如下<!DOCTYPE HTML><HTML> <HEAD> <meta charset="utf-8"> <title>IE6/7 and IE8(Q) 中td的上下padding失效</title> <style> table { border:12010-12-25 17:07:27 · 166 阅读 · 0 评论 -
使用滤镜设置透明导致 IE 6/7/8/9 解析异常
一段代码：<div style="width:100px;height:100px;background:gold"></div> 用IE开发者工具，或IE8自带的开发者工具。结构如 图1： 红色所圈之处可以看到给div添加的内联样式width，height，background都依次排列。正常！ 但给该div添加filter...2011-01-15 11:59:16 · 100 阅读 · 0 评论 -
Chrome中函数实参与形参关联Bug
Chrome中也有不少 Bug ，但更新修复速度极快。这里又有一个。重现如下 function func(x,y){ //alert(x); arguments[1] = 5; alert(y); // --> 5} func(3); IE6/7/8/9beta，Firefox3.6，Safari4， Opera10中 y 弹出为undefined，...2010-10-10 09:44:27 · 98 阅读 · 0 评论 -
Firefox中autocomplete="off" 设置不起作用Bug
在实现补全提示功能时(Suggest)，都会给输入框(Input)元素添加autocomplete属性，且值设为off。自动补全也成自动完成，最经典的如google的搜索框，输入一个字母后会给用户很多提示选择 查看源码会发现input输入框加上了autocomplete="off"，此为了屏蔽浏览器表单默认的记忆功能。淘宝，百度的搜索框也有该属性。 autocomplete 属...2010-10-12 18:33:19 · 823 阅读 · 0 评论 -
IE6/7/8中使用innerHTML清空元素，其子元素也被清空
Bug 重现：<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>IE6/7/8中innerHTML "Bug&2010-10-18 10:09:28 · 230 阅读 · 0 评论 -
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素，子元素依然能显示bug...
多数情况下隐藏(设置display:none)一个元素，无需依次将其内的所有子元素都隐藏。非要这么做，有时会碰到意想不到的bug。如下1，两个div，d1中包含d22，d1，d2都设置了absolute或relative3，隐藏d14，隐藏子元素d25，显示d1 这时IE6/7 and IE8/9/10(IE7模式)中会发现，子元素d2也能显示出了(别忘了，d2被dis...2011-08-23 14:30:17 · 103 阅读 · 0 评论 -
IE6/7/8中Table元素的innerHTML不能赋值
IE6/7/8中Table不能设置innerHTML属性，会报错，重现如下：<!DOCTYPE HTML><html><head><title>TABLE 的 innerHTML Bug</title></head><body><script type="text2011-01-27 19:11:13 · 166 阅读 · 0 评论 -
IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug
新版邮箱项目中做页签功能时碰到的。 table元素的 cellpadding 和 cellspacing 属性意义不提了。它们也有对应的css解决方案。如下table { border-collapse:collapse; border-spacing:0;}th,td { padding: 0;} JS操作这两个属性有两种方式， 方式1...2011-02-23 18:13:47 · 153 阅读 · 0 评论 -
IE6/7/8中Option元素未设value时Select将获取空字符串
重现代码如下<!DOCTYPE HTML><html><head><title>IE6/7/8中Option元素未设value时Select将获取空字符串</title></head><body> <select onchange="alert(this.valu2011-02-26 16:09:48 · 104 阅读 · 0 评论 -
Element下querySelector和querySelectorAll的错误实现
querySelector和querySelectorAll是W3C提供的 新的查询接口module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); NodeList q...2010-11-08 14:05:40 · 705 阅读 · 0 评论 -
IE中getElementsByTagName无法获取元素BUG
代码如下：<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title></head&2010-11-29 16:38:58 · 383 阅读 · 0 评论 -
disabled属性及对应css选择器的在各浏览器中的一些差异
disabled属性只应用在以下元素BUTTON, INPUT, OPTGROUP, OPTION, SELECT, TEXTAREA见 HTML 4.01 的 属性表多数时候我们会遵循标准，不再其它元素上使用该属性。但部分人没有注意disabled的应用规则，误认为所有元素都可以使用该属性。并且在IE浏览器上生效，得到了证明。比如：<label disabled...2010-12-03 14:22:27 · 389 阅读 · 0 评论 -
IE8中超高元素设置透明度未生效bug
这是liaoxiang在sohu博首发现的（junhai的机器也重现了），精简后重现代码如下 <!DOCTYPE html><html> <head> <meta charset="utf-8"/> </head> <body> <div style="heigh原创 2012-04-07 07:48:07 · 102 阅读 · 0 评论 -
IE6/7下form元素默认样式导致的bug
Bug重现 <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title></head>2010-09-06 14:30:42 · 120 阅读 · 0 评论 -
webkit/opera中window[name]获取flash对象的特殊实现
为了兼容多数浏览器，我们一般同时采用object和embed标签插入flash，如下： <object id="mySwf" data=""> <embed src="" name="mySwf"/></object> 有时候需要获取到flash对象，因此给object添加了id，给embed添加了name，两者的值刚2010-06-05 11:37:09 · 161 阅读 · 0 评论 -
Chrome中JSON.parse的特殊实现
ECMA 262 Edition5 中提供了原生的JSON支持，其中JSON.parse用来将字符串转成成json，见ECMA 262 Edition5 15.12.2。另见：字符串转换成json的三种方式IE8/Firefox3.5+/Chrome4/Safari4/Opera10 已实现该方法。使用方式很简单： var str = '{"name":"jack"}';v...2010-05-29 10:10:18 · 156 阅读 · 0 评论 -
IE6，7，8下多余字符bug
<br /> <br />quirk mode下IE6，7，8均会产生此bug，standard mode下IE6会产生此bug,但条件稍微有些不同（外层div需指定宽度）。<br /> <br />先看quird mode下：div中包含的span都向左浮动，.tltle和.intro的宽度都是50%，这时候在IE6，7，8上都会出现一个多余的'e'。当然.title和.intro的宽度百分比可以任意指定，只要两者加起来为100%即可。<br /> <br /><html> <head>原创 2010-09-07 08:31:00 · 809 阅读 · 0 评论 -
firefox下绝对定位元素重叠造成不可点击问题
<br /> <br />重构地图网站过程中碰到的，firefox下（无论诡异模式或标准模式）当两个绝对定位的div发生重叠（即一个div盖在另一个div上）时，下面的div变得不可点击了。解决的方法是设置z-index，z-index值大的就可以点击了。而IE下，即使z-index值高的div，下面的div中的button仍然可以点击。<br /> <br />如下htmlbug重现：<br /> <br /> <br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4原创 2010-09-06 15:01:00 · 860 阅读 · 0 评论 -
IE6双空白边bug
<br /> <br />在IE5.5，6下，如果一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:10px)。那么会自动的加一倍变成20px。<br />如下html：在IE5.5，6下测试会发现marginLeft变成了20px<br /> <br /> <br /><mce:style type="text/css"><!--#div2{ margin:0 0 0 10px; float:left; width:300px; height:50p原创 2010-09-06 14:59:00 · 517 阅读 · 0 评论 -
非IE浏览器中js使用中文标识符的bug
<br />今天在一个网站看到了作者使用中文命名。我们知道js中可以使用中文标识符，如变量，类名，参数名，方法名等。<br />如下代码：<br />function 学生(姓名,年龄){//类名：学生，参数：姓名，年龄 this.姓名=姓名; this.年龄=年龄;}学生.prototype.获取姓名=function(){//方法名：获取姓名 return this.姓名;}学生.prototype.设置姓名=function(名字){//方法名：设置姓名 this.姓名原创 2010-11-26 17:52:00 · 607 阅读 · 0 评论 -
绝对定位元素遮盖其它元素的bug
有时需要用绝对定位元素去遮盖其它元素。多数时候没有什么问题。如果被遮盖的元素添加了鼠标事件（如点击事件），各浏览器下表现则不太一样了。1，绝对定位元素（未设置background）遮住Input元素，只在IE/Opera中，Input的点击事件能触发。如下代码.container{ width:200px; height:100px; border:1px solid red; position:relative;}原创 2010-11-26 17:58:00 · 2106 阅读 · 0 评论 -
IE中浮动元素折行bug
<br />网页制作中，我们经常需要设置一个元素向左或向右浮动。如下：<br /><div style="width:300px;border:1px solid gray;"> <input type="text" /> <a href="javascript://;" mce_href="javascript://;" style="float:right;" mce_style="float:right;">搜索</a> </div> <br /> <br />d原创 2010-11-26 18:02:00 · 621 阅读 · 0 评论 -
IE6，7，8下多余字符bug
quirk mode下IE6，7，8均会产生此bug，standard mode下IE6会产生此bug,但条件稍微有些不同（外层div需指定宽度）。 先看quird mode下：div中包含的span都向左浮动，.tltle和.intro的宽度都是50%，这时候在IE6，7，8上都会出现一个多余的'e'。当然.title和.intro的宽度百分比可以任意指定，只要两者加起来为100%即可。...2009-09-14 08:48:29 · 109 阅读 · 0 评论 -
IE6下iframe内容不显示bug
IE6下的bug实在多，这不这次又碰到一个。 地图搜索结果页面点击一个marker的“更多信息”时，IE7，firefox3.0下都正常。IE6下却无法显示。因为是跨域访问开始以为是http请求慢造成。后更换url后仍然存在。 下面是网上的一些资料 1、认为src不能写在<iframe的后面http://be-evil.org/showlog-91.htmlh...2009-05-14 16:01:09 · 144 阅读 · 0 评论 -
IE6下著名的z-index bug
abcc项目实现这样一个功能：点击“上载查询”，弹出一个绝对定位的div（类似qq文件中转站的“上传文件”按钮），里面有上传按钮等，点击后div在最上层。即z-index为最大。在firefox下表现良好，在IE6下无论如何也盖不住select。墨墨说是IE下一个著名的bug，解决方法用一个iframe包住select。 以下是一个测试的静态html，为bug重现及及解决方法。 &...2009-01-05 14:55:52 · 108 阅读 · 0 评论 -
非IE浏览器中js使用中文标识符的bug
今天在一个网站看到了作者使用中文命名。我们知道js中可以使用中文标识符，如变量，类名，参数名，方法名等。如下代码： function 学生(姓名,年龄){//类名：学生，参数：姓名，年龄 this.姓名=姓名; this.年龄=年龄;}学生.prototype.获取姓名=function(){//方法名：获取姓名 return this.姓名;}学生.pro...2009-12-23 16:52:50 · 130 阅读 · 0 评论 -
绝对定位元素遮盖其它元素的bug
有时需要用绝对定位元素去遮盖其它元素。多数时候没有什么问题。如果被遮盖的元素添加了鼠标事件（如点击事件），各浏览器下表现则不太一样了。 1，绝对定位元素（未设置background）遮住Input元素，只在IE/Opera中，Input的点击事件能触发。如下代码 .container{ width:200px; height:100px; border:1px soli...原创 2010-01-02 12:30:47 · 1202 阅读 · 0 评论 -
IE中浮动元素折行bug
网页制作中，我们经常需要设置一个元素向左或向右浮动。如下： <div style="width:300px;border:1px solid gray;"> <input type="text" /> <a href="javascript://;" style="float:right;">搜索&原创 2010-01-08 14:12:35 · 117 阅读 · 0 评论 -
document.write/writeln非IE/Opera浏览器中可能会造成元素获取不到
document.write/writeln在几年前的代码中见的比较多，多数情况下各浏览器表现一致。 <!DOCTYPE html><html><head></head><body> <script> document.write('<div id="wraper">2010-05-13 16:26:24 · 207 阅读 · 0 评论 -
iframe中onload的bug
创建iframe对象，添加load事件，再将iframe添加到body中。Chrome中会造成load事件的handler执行两次。 <!DOCTYPE HTML><HTML> <HEAD></HEAD> <BODY> <script> var ifr = document.creat...2010-05-14 15:52:02 · 291 阅读 · 0 评论 -
各浏览器对typeof运算符的实现差异
1，IE6/7/8中typeof运算符对BOM对象如window，document，location，history等对象的方法错误的返回“object”，标准浏览器都返回“function”。 alert(typeof window.alert);alert(typeof document.write);alert(typeof document.getElementById);...2010-07-22 17:36:31 · 116 阅读 · 0 评论 -
IE6双空白边bug
在IE5.5，6下，如果一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:10px)。那么会自动的加一倍变成20px。如下html：在IE5.5，6下测试会发现marginLeft变成了20px<style type="text/css">#div2{ margin:0 0 0 10px; float:left; width:...2009-09-06 14:38:33 · 91 阅读 · 0 评论 -
Firefox中使用location.hash会自动decodeURI Bug
用一中文单词测试，比如“昌平” encodeURI后为“%E6%98%8C%E5%B9%B3”。在各浏览器地址栏输入: http://start.firefoxchina.cn/#%E6%98%8C%E5%B9%B3 从控制台获取hash，各浏览器表现如下 Firefox21 Chrome27/Safari5 IE9/10/11 可以看见，只有Fire...2014-06-03 11:26:59 · 178 阅读 · 0 评论