（一）IE6浏览器中层中插入图片导致下方出现4PX左右空隙的解决办法

（办法1）：定义图片为：display:block;

（办法2）：定义verticd-align的属性为vertical-align:top|bottom|middle|text-bottom

（办法3）：我最喜欢用的一个办法，直接设置父容器的字体大小为font-size:0px;

（二）关于在IE6下平行的层不平行的现象

个人发现是在容器内有填充内容后层会自动回复预先设置的平行位置

（三）关于链接文字颜色属性

必须按照下面的顺序来设置，否则会出现问题：

L – V – H – A

（四）

区分IE6与其他浏览器直接用 – 和 _这2个HACK之一即可

（五）

IE7和遨游和TT的显示是一样的，FF和Opera在绝大多数下是一样的，故考虑兼容性用IE7+FF+IE6就可以了

（六）

IE7对于!important和FF一样支持且有优先权,但FF不支持*

（七）层浮动问题（也是我遇到的最讨厌的页面问题）

最有效的办法就是设置有问题层 clear:both;

（八）IE6下margin双倍解析BUG

也是我最讨厌的BUG之一，比如IE6下margin-left:5px;会被解析成左距离10像素。解决的办法是加上display:inline；

还是使用JS！

javascript完整的代码JS如下：

function externallinks() {
	if (!document.getElementsByTagName) return; 
	var anchors = document.getElementsByTagName("a"); 
	for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i]; 
		if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "open")anchor.target = "_blank";
		} 
} 
window.onload = externallinks;

<a href=”document.html” rel=”open”>打开一个新窗口</a>

当然上面的JS你也可以单独放进一个文件里调用