月度归档： 2010年5月

网页上代码累积多了就会出问题，这周遇到了几个奇怪的现象原因不明，不过好歹还是给解决了。

1. 同一行上margin设置了后应该都是垂直居中的，最近做的一个项目里margin-top和margin-bottom值不一样在IE7下面却无法实现居中，将其值设置为一致解决了部分问题。更奇怪的是也可能出现一两个像素的偏差，同时设置height和line-height解决问题。
2. 多个css类选择器无法水平居中对象。偶们的日期控件加了一个Reset按钮，这个按钮有两个css的class，里面分别设置了margin，问题就来了，即使有优先级，也无法居中。去掉其中一个CSS仍然无法居中，同时给父级元素加text-align:center居中，解决问题。
3. 上面2的问题解决后又出现一个背景蒙版层和蒙板层上的内容的margin-left:0失效，若干CSS Hack调整不同浏览器下的margin-left值后解决问题。

导致的原因总是会有的，代码太多很难查出来，两小时无法完成也只有HACK了，这里记录一下。
-EOF-

有时候文件名后缀是可以伪装的，比如说将一个记事本文件xx.txt改成xx.jpg，这时候只利用后缀来判断选取的文件是否满足条件就不靠谱了,此时Image对象就派上用场了。
如果图片无法显示那当然是不正确的格式了，会引发onerror事件，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13

	var img = new Image();
	img.onload = function(){
		alert('load');
	};
	img.onabort = function(){
		alert('abort');
	};
	img.onerror = function(){
		alert('error');
	};
	img.src ='http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif';
	var _img_ = document.getElementById('imgplace');
	_img_.appendChild(img);

另外onabort事件目前仅有IE支持，FF,Opera,Chrome,Safari统统不支持。
FAQ：如何激活Image对象的abort事件？
A:弄一张超级大的图片（比如说4M），等浏览器载入到一半的时候按停止载入。
-EOF-