19.css

文件是《精通Javascript+jQuery》的书中实例

body{
	margin:0px; padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#statistics{
	position:absolute;
	top:30px;
	padding:0px; margin:0px;
}
#statistics span{
	text-align:left;
}

#picArea{
	position:absolute;
	top:50px;background:#000000;	/* 黑色背景 */
	padding:0px; margin:0px;
}

#mypic{
	position:absolute;
	padding:0px; margin:0px;
	left:0px; top:0px;
}
/* 两幅相同的图片，在同一个位置
   上面的图片用来显示选中部分，不变颜色
   下面那幅则通过透明，变黑
*/
#mypic1{
	position:absolute;
	/*clip:rect(50px,300px,400px,100px);*/
	z-index:2;
}
#mypic2{
	position:absolute;
	z-index:1;
	filter:alpha(opacity=50);	/* 位于下方的图片，设置透明度 */
	-moz-opacity:0.5;
	opacity:0.5;
}

#selectArea{
	border:1px dashed #FFFFFF;
	position:absolute;
	z-index:5;
	display:none;	/* 初始化时隐藏选区 */
	margin:0px; padding:0px;
	cursor:move;
}
#selectArea span{
	padding:0px; margin:0px;
	position:absolute;
	background-color:#333333;
}
#selectArea span img{
	padding:0px; margin:0px;
	position:absolute;
}
#squareIE{
	/*这个就是给IE用的，制造一个看不见的区域来让IE选择*/
	background-color:#000000;
	position:absolute;
	left:4px; top:4px;
	filter:alpha(opacity=0); /* 透明度设置为0 */
	-moz-opacity:0;
}