FireFox 与 IE 差别[不断更新中...]

写在最前面

　　现在的网络浏览器已经不在是IE一种浏览器的天下了,作为developer的我们也应当关注这个问题。现在主流的两大浏览器阵营FireFox与IE都有各自的编码特色。我们需要理解掌握它们，以便于在以后的开发中能够熟练的操作它们。

 

具体内容

FireFox与IE在JS上的区别：

1。innerText属性在IE下能正常运行，在其它浏览器（FF、Chrome、Opera）不支持。Safari未测试。

　　解决方法：非IE支持的对应属性为txtContent。用下面的函数来取innerText。

function $text(id)
{
	var isIE=(navigator.appName.indexOf('Explorer')>-1);
	if(isIE)
	{
	return document.getElementById(id).innerText+' Is IE!';
	}
	else
	{
		return document.getElementById(id).textContent+' Not IE!';
	}
}

 

2。对象宽高赋值问题:FireFox中 obj.style.height = imgObj.height 的语句无效。赋值时必须需要加上单位px才行。加px在IE中是得到支持的。

　　所以统一使用 obj.style.height = imgObj.height + 'px';

3。

 

FireFox与IE在CSS上的区别：

1。实现透明效果时，IE支持的是：filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

　 而其它浏览器（FF、Chrome、Opera）支持的是：opacity: 0.5;

兼容的方法是：

 

#div1{
	background-color:gray;
	border:1px black solid;
	width:200px;
	height:100px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity: 0.5;
}

 

2。

3。

 

最后的说明

本文是一个不断积累的过程记录，希望大家有好的东西也跟我分享一下。 ：)文章旨在技术交流，没有任何商业目的。

 

另外也渴望能看到的高手们，能够与我交流分享你在这个论题上的学习心得与开发经验。[所谓三人行必有我师，只要你知道的，我不知道的，我认为你对我来说就是高手。]