• 在IE中选择工具>>Internet选项；
• 选择连接选项标签，点击局域网设置按钮
• 在弹出的局域网(LAN)设置中选择自动检测设置

下面是模拟IE下的mouseenter和mouseleave功能代码，里面也加上了详细的注释。

/**
 * 只在非IE中使用
 * 模拟 IE 中 mouseenter 和 mouseleave 的效果
 * @param {Event} e 发生的事件
 * @param {Function} fun 触发的行为
 */
var hover = function(e,fun){
	/**
	 * 因为这个函数只在非IE的浏览器中使用
	 * 所以可以使用 e.relatedTarget
	 * 来获得与事件的目标节点相关的节点
	 */
	var t = e.relatedTarget,

	// 获得触发此事件的节点
	t2 = e.target;

	/**
	 * 如果当前的节点与触发此事件的节点为同一节点
	 * 并且事件的目标节点不是当前节点的子节点
	 * 则触发行为
	 */
	if(this == t2 && t && !(this.compareDocumentPosition(t) == 20)){
		fun.call(this);
	}
	t = t2 = null;
}

上面的代码看似很多，但去除注释后代码就非常少了。继续说这个函数的用法，设有如下的DOM结构：

<ul id="my_id">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

样式CSS代码如下：

ul{
	width:200px;
	margin:0;
	padding:10px 0;
	background:#2883DE;
	list-style:none;
	line-height:30px;
	text-align:center;
	color:#FFF;
}
li{
	margin:10px;
	padding:0;
	background:#3728DE;
}

使用函数hover的JS代码如下：

window.onload = function(){
	var my_id = document.getElementById('my_id');

	var ul_enter = function(){
		alert('鼠标进入UL');
	}

	var ul_leave = function(){
		alert('鼠标离开UL');
	}

	/**
	 * 用 my_id.onmouseenter!==undefined 来判断
	 * 浏览器支不支持 mouseenter 和 mouseleave 的方法
	 * 注意一定要用 “!==”来判断，而不能用“!=”
	 * 在非 IE 中，my_id.onmouseenter 为 undefined
	 * 在 IE 中，my_id.onmouseenter 为 null 或者为一个 function
	 * Opera 也支持 attachEvent 方法
	 * 但是 Opera 没有 mouseenter 和 mouseleave 的功能
	 */
	if(my_id.onmouseenter!==undefined){
		my_id.attachEvent('onmouseenter',ul_enter);

		my_id.attachEvent('onmouseleave',ul_leave);
	}else{
		my_id.addEventListener('mouseover',function(e){
			//ul_enter();
			hover.call(this,e,ul_enter);
		},false);

		my_id.addEventListener('mouseout',function(e){
			//ul_leave();
			hover.call(this,e,ul_leave);
		},false);
	}

};

var _ele = document.getElementById('myElement');
try{
	_ele.addEventListener('click',clickFunc,false);
}catch(e){
	try{
		_ele.attachEvent('onclick',function(){clickFunc.call(_ele)});
	}catch(e){};
}

这样函数clickFunc中的this指针就会指向被绑定行为的元素了。

Bicubic图片缩放

在IE中缩放图片会出现一些锯齿，显示效果不如其它浏览器。解决方法可以加入下面一段CSS代码：

img { -ms-interpolation-mode: bicubic; }

IFrame背景透明

要想在IE中把IFrame的背景设为透明，首先要把IFrame的allowTransparency属性设置为true，如下：

<iframe src="content.html" allowTransparency="true">
</iframe>

还要在CSS代码中加入如下代码：

body {
    background-color:transparent;
}

禁用IE默认的垂直滚动条

默认情况下IE始终都会显示垂直滚动条，以前去除默认垂直滚动条的方法就是用JavsScript，现在看到这个方法更方便，只要在CSS代码中加入如下代码即可：

html {
    overflow: auto;
}

body {
	color: red; /* 支持所有浏览器 */
	color : green\9; /* 支持 IE8 以及以下版本 */
	*color : yellow; /* 支持 IE7 以及以下版本 */
	_color : orange; /* 支持 IE6 */
}

IE9又快出来了，这样一来使用hack的难度又多了一分。

昨天无意中进入圣叹的站点，发现了《IE中的注释：saved from url》一文，才找到了解决这个问题的方法，方法很简单，就是在页面里加上这么一段注释：

<!-- saved from url=(0014)about:internet -->

然后重启IE，再打开本土地的网页文件，令人讨厌的提示栏消失了，世界从此清静了。如果你想了解有关此注释的详细情况，请移步《Mark of the Web》查看。

其实这个注释我们应该不陌生，如果我们用IE保存网上的某一页面时，会自动在保存到本地的网页代码里加入以<!-- saved from url=开头的注释。

只要是IE就可以显示

下面这段代码只有在IE浏览器才会显示。

<!--[if IE]>

只要是IE就能显示我。

<![endif]-->

只有IE的特定版本才能显示

在判断语句中的IE后面加上一个版本号，就能指定一个IE版本号显示。下面这段代码只有在IE 7才会显示。

<!--[if IE 7]>

只有在IE7中才显示我。

<![endif]-->

在非特定版本的IE中才能显示

在判断语句中的IE前面加上一个感叹号，就表示只要不是这个版本号的IE就能显示。下面这段代码只有在版本号不是7的IE中才会显示。

<!--[if !IE 7]>

只有在版本号不为7的IE中才显示我。

<![endif]-->

只有高于特定版本的IE才能显示

在判断语句中的if后面加一个gt，就表示只有高于特定的版本号的IE才能显示。下面这段代码只有在版本号高于7的IE中才会显示。由于是“高于”，所以在IE7中也不显示。

<!--[if gt IE 7]>

只有在版本号高于7的IE中才显示我。

<![endif]-->

只有大于或等于特定版本号的IE才能显示

在判断语句中的if后面加一个gte，就表示只有大于或等于特定版本号的IE才能显示。下面这段代码只有在版本号大于或等于7的IE中才会显示。由于是“大于或等于”，所以在IE7中也能够显示。

<!--[if gte IE 7]>

只有在版本号大于或等于7的IE中才显示我，IE7也可以显示。

<![endif]-->

小于或等于特定版本号、小于特定版本号的就不一一举例了，下面总结一下判断语句所用到的关键字：

• lt ：Less than的简写，小于的意思。
• lte ：Less than or equal to的简写，小于或等于的意思。
• gt ：Greater than的简写，大于的意思。
• gte：Greater than or equal to的简写，大于或等于的意思。
• !：不等于的意思。

另外一个需要注意的是IE条件注释判断语句只有IE能识别，所以如果想要用IE条件注释判断语句来判断非IE的浏览器不能直接用下面语句：

<!--[if !IE]>

这个判断语句是错误的，这句话在所有的浏览器中都不显示。

<![endif]-->

如果要判断非IE的浏览器，要用到一个特殊的语句，如下：

<!--[if !IE]><!-->

只要不是IE的浏览器就能显示我！

<!--<![endif]-->

上面这段判断语句中所包含的文字我试验了下，在IE中显示不了，其它浏览器，如火狐、Opera、chrome中都能显示。

安装了IE WebDeveloper后会在IE头部的工具栏中出现一个图标，如下图：

点开后就能使用IE WebDeveloper了。IE WebDeveloper有五个主窗口，首先是Webpage Inspector。Webpage Inspector左边是DOM查看器，选择一个DOM节点会在右侧对应地显示其属性值、HTML代码和CSS样式列表。在Webpage Inspector中可以动态地修改DOM结点，IE窗口会实时渲染展示出修改后的结果。（Firebug也有此功能）

第二个为Script Console，这个窗口可以输出页面的一些信息，如错误信息，还能寻址到出错代码的位置。可以在Javascript代码中用console.log('信息')来输出信息了，比alert命令好用多了。还可以直接在里面输入命令进行调试。（Firebug也有此功能）

第三个为Source Explorer，查看当前页所用到CSS和Javascript文件以及HTML源代码，它能够列出Javascript文件中的函数和变量名称。

第四个为Event Log，它能够查看网页浏览器、HTML文档、HTML窗口或所选HTML元素结点的事件触发列表。

最后一个为HTTP Monitor，它可以查看和网络服务器相交互的HTTP信息，相当于Firebug的网络（net）功能，对于AJAX开发很有帮助。

在最后还有人推荐了一个Javascript Debug Toolkit，不过需要eclipse支持，是位国人开发的，感兴趣的朋友可以看看。