IE6/7中getAttribute获取href / src 属性（相对路径）值与其它浏览器不同
如下
<a href="http://www.cnblogs.com/abc/index.html">home</a>
<img src="http://images.cnblogs.com/img.png">
<script>
var link = document
http://cyqdata.com/cnblogs/article-detail-52742
IE6/7中获取Button元素的值的bug
如下
<button value="abc">测试</button>
<script>
var btn = document.getElementsByTagName('button')[0];
alert(btn.value);
alert(btn.getAttribute
http://cyqdata.com/cnblogs/article-detail-52727
IE6/7中setAttribute不支持class/for/rowspan/colspan等属性
如设置class属性
el.setAttribute('class', 'abc');
在IE6/7中样式“abc”将没有起作用，虽然使用el.getAttribute('class')能取到值“abc”。
又如for属性
<label>姓名：<
http://cyqdata.com/cnblogs/article-detail-52703
IE6,7,8下使用Javascript记录光标选中范围（已补全）（已解决单个节点内部重复字符的问题）
刚和同事讨论了一个很有趣的问题，有个idea，需要记录用户在页面选中的内容，在ff和ie9下有w3c的dom2级事件createRange，这里不再累赘。主要问题是在IE6,7,8只能通过createTextRange选中热区。假如我们知道用户选择开始元素和偏移量，以及结束元素以及偏移量，那么我们可以用下面的例子把用户
http://cyqdata.com/cnblogs/article-detail-52658
IE6,7,8下使用Javascript记录光标选中范围（已补全）
刚和同事讨论了一个很有趣的问题，有个idea，需要记录用户在页面选中的内容，在ff和ie9下有w3c的dom2级事件createRange，这里不再累赘。主要问题是在IE6,7,8只能通过createTextRange选中热区。假如我们知道用户选择开始元素和偏移量，以及结束元素以及偏移量，那么我们可以用下面的例子把用户
http://cyqdata.com/cnblogs/article-detail-52622
史上最全的css hack（ie6-9,firefox,chrome,opera,safari）
在这个浏览器百花争鸣的时代，作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心，主要体现在javascript和css上面。javascript我这次就不谈了，先说说css。
为了适应不同浏览器不同的版本（版本主要就ie来
http://cyqdata.com/cnblogs/article-detail-52523
IE6,7通过opener hack方式实现完美跨域
之前在项目的时候，有需要跨域请求和处理一些大数据量得数据，对于服务端提交的数据非常的之大，get的URL长度限制满足不了需求，又由于跨域的影响，一直很头痛数据传输的问题。于是乎，上网搜了搜一些跨域的解决方案，无非了iframe嵌iframe，通过window.name或者hash，做跳板，都受到url长度的限制，不是很
http://cyqdata.com/cnblogs/article-detail-52519
IE6下focus与blur错乱的解决方案
Miller同学发现的IE6 bug：如以下代码，点击textarea时，引发window的blur，导致focus与blur配对混乱：
<body><textarea></textarea>hello<script>window.onblur=function(){
http://cyqdata.com/cnblogs/article-detail-42265
IE6不为人知的秘密
在当今高速发展的中国，嫦娥已奔月、高铁已运转、杀人已不犯法、苹果当红的形势下，IE6浏览器本应受到极大重创，然而自2001年10月IE6问世以来，中国网民数量对此浏览器的喜爱却有增无减，原因何在：
XP系统的成功引进。经济高速发展，贫富差距加大，人民生活水平虽有提高，但架不住物价上涨，故系统已无力更新。
银行和政府大力扶持IE6。部分官员贪污腐败，挥霍无度，却无钱用于浏览器更新。
基于IE内核浏
http://cyqdata.com/cnblogs/article-detail-42123
position:absolute绝对定位在IE6下的奇特表现
今天闲来无事，打算系统的整理一下常用的CSS以备以后使用。结果IE6不出所料的让我再次纠结了HTML代码：<div class=”test” style=”">ddaaaaaaaaaaaaaaaaaaaa</div> CSS代码：.test{position:absolute; top:300px;right:500px;left:0;bottom:0; zoom
http://cyqdata.com/cnblogs/article-detail-41987
解决 IE6 position:fixed 固定定位问题
就像你所遇到的问题一样， IE6 有太多的 bug 让制作网页的人头疼。这篇文章介绍的是介绍我的如何解决IE6 不支持 position:fixed; 属性的办法。
关于 position:fixed; 属性
生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 “left”, “top”, “right&rdquo
http://cyqdata.com/cnblogs/article-detail-41830
IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素，子元素依然能显示bug
多数情况下隐藏(设置display:none)一个元素，无需依次将其内的所有子元素都隐藏。非要这么做，有时会碰到意想不到的bug。如下
1，两个div，d1中包含d2
2，d1，d2都设置了absolute或relative
3，隐藏d1
4，隐藏子元素d2
5，显示d1
这时IE6/7 and IE8/9/10(IE7模式)中会发现，子元素d2也能显示出了(别忘了，d2被display:none
http://cyqdata.com/cnblogs/article-detail-41799
解决在IE6下使用display: inline-block;的不兼容性问题
网页中用到了如下CSS样式：
.panel .item { height:25px; *height:24px; line-height:25px; text-decoration:none; margin: 4px 5px 0 0; color:#416AA3; font-size:12px; white-space:nowrap; di
http://cyqdata.com/cnblogs/article-detail-41389
容器奇数尺寸,在IE6以下定位引起1像素Bug.
在做项目的时候,有时候经常会用到position定位.
在ie各种版本测试中.ie6老是排版的位置对不齐.
其中包含的问题就是1像素bug.
先让大家看看图片:
图片不清晰,大家莫见怪,因为本人用QQ截图的.
继续......
大家应该看到主要是在bottom和right会有1像素bug.
至于这个是什么问题.就要去问问ie6的开发者了.
所以建议大家尽量不要把尺寸设为奇数.
整体代码:
http://cyqdata.com/cnblogs/article-detail-40680
十步解决IE6的各种疑难杂症
虽然我也很想IE6早点死，但个人的主观能动性毕竟太有限了，我们唯一能做的是用一些手段减轻IE6带来的痛苦。
1、使用文档类型
尽量使用最严格的文档类型，确保你的页面运行于标准模式下。虽然用了它们，你可能不能用许多标签，如b，s，font等，但它们都可以用CSS来代替。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www
http://cyqdata.com/cnblogs/article-detail-40105
IE6/7/8/9不支持exec的简写方式
如下
var ary = /h/('hello');
alert(ary);
IE6/7/8/9中报错
Firefox/Safari/Chrome/Opera的最新版本均弹出了“h”
以上写法等价于
var ary = /h/.exec('hello');
即 Firefox/Safari/Chrome/Opera浏览器中使用exec方法时可以
http://cyqdata.com/cnblogs/article-detail-38179
完美解决IE6不支持position:fixed的bug
废话不多说，先看一下下面这段代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6 position:fixed bug</title>
<sty
http://cyqdata.com/cnblogs/article-detail-37722
IE6 很邪恶，但我爱它的盒子模型
盒子模型（Box Model）是 CSS 的核心，现代 Web 布局设计简单说就是一堆盒子的排列与嵌套，掌握了盒子模型与它们的摆放控制，会发现再复杂的页面也不过如此，然而，任何美好的事物都有缺憾，盒子模型有两种不同的诠释，一种来自 IE6，一种来自 W3C 标准浏览器。
盒子模型
下图就是一个典型的盒子模型示意图
在内容区外面，依次围绕着 padding 区，border 区，margin 区，
http://cyqdata.com/cnblogs/article-detail-37648
用语义化标签去写你的HTML，兼容IE6,7,8
HTML5增加了更多语义化的标签，如header，footer，nav……让我们在页面编写的时候，不需要再用下面这种方法去布局了：
<div class="header">这是头部</div>
<div class="content">这是中间内容区</div>
<div class="footer">这是底
http://cyqdata.com/cnblogs/article-detail-37073
IE6/7/8/Opera不支持script元素的onerror事件
如下
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>IE6/7/8/Opera不支持script元素的onerror事件</title>
<script src="jquery-1.5.23.js" onerror="alert(3
http://cyqdata.com/cnblogs/article-detail-36859