* { margin:0; padding:0; } ul { margin:10px; list-style-type:none; width:800px; height:460px; } li { overflow:hidden; top:0; left:0; float:left; width:200px; height:150px; padding:0.5px; } body ul li img { border:0; z-index:2; width:100%; height:100%; } body ul li a { position:relative; display:block; z-index:4; width:200px; height:150px; text-align:center; /*左右居中*/ line-height:150px; /*上下居中*/ color:dimgray; overflow:hidden; /*使用overflow属性设置成hidden,图片超出容器的部分就会自动隐藏*/ filter:blur(5px); /*模糊*/ /*background-color:gainsboro; */ /* for IE */ /*filter:alpha(opacity=30); */ /* CSS3 standard */ /*opacity:0.3; */ /* 背景透明该值 */ background-color:rgba(250,250,250,0.5); /* opacity 会继承*/ }