<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>站长中心-CSS迷宫</title>
<style type="text/css">
body{background:#333;color:#fff;}
.maze{
width:110px;
height:120px;
background:url(images/m4.png) no-repeat 0 -20px;
position:relative;
margin:20px auto;
border:3px solid red;
}
.maze a{
width:10px;
height:10px;
position:absolute;
top:0;
left:0;
z-index:99;
}
.maze a:hover{
background:#fff url(images/m4.png) no-repeat 0 0;
position:absolute;
left:0!important;
top:0!important;
width:110px;
height:120px;
z-index:1;
}
.maze .a a{top:0;}
.maze .b a{top:10px;}
.maze .c a{top:20px;}
.maze .d a{top:30px;}
.maze .e a{top:40px;}
.maze .f a{top:50px;}
.maze .g a{top:60px;}
.maze .h a{top:70px;}
.maze .i a{top:80px;}
.maze .j a{top:90px;}
.maze .k a{top:100px;}
.maze .l a{top:110px;}
.maze a.a1{left:0}
.maze a.a2{left:10px}
.maze a.a3{left:20px}
.maze a.a4{left:30px;}
.maze a.a5{left:40px;}
.maze a.a6{left:50px}
.maze a.a7{left:60px;}
.maze a.a8{left:70px;}
.maze a.a9{left:80px;}
.maze a.a10{left:90px}
.maze a.a11{left:100px}
.maze a.a1:hover{background-position:0 0}
.maze a.a2:hover{background-position:-10px 0}
.maze a.a3:hover{background-position:-20px 0}
.maze a.a4:hover{background-position:-30px 0}
.maze a.a5:hover{background-position:-40px 0}
.maze a.a6:hover{background-position:-50px 0}
.maze a.a7:hover{background-position:-60px 0}
.maze a.a8:hover{background-position:-70px 0}
.maze a.a9:hover{background-position:-80px 0}
.maze a.a10:hover{background-position:-90px 0}
.maze a.a11:hover{background-position:-100px 0}
.maze .b a.a1:hover{background-position:0 20px}
.maze .b a.a2:hover{background-position:-10px 20px}
.maze .b a.a3:hover{background-position:-20px 20px}
.maze .b a.a4:hover{background-position:-30px 20px}
.maze .b a.a5:hover{background-position:-40px 20px}
.maze .b a.a6:hover{background-position:-50px 20px}
.maze .b a.a7:hover{background-position:-60px 20px}
.maze .b a.a8:hover{background-position:-70px 20px}
.maze .b a.a9:hover{background-position:-80px 20px}
.maze .b a.a10:hover{background-position:-90px 20px}
.maze .b a.a11:hover{background-position:-100px 20px}
.maze .c a.a1:hover{background-position:0 10px}
.maze .c a.a2:hover{background-position:-10px 10px}
.maze .c a.a3:hover{background-position:-20px 10px}
.maze .c a.a4:hover{background-position:-30px 10px}
.maze .c a.a5:hover{background-position:-40px 10px}
.maze .c a.a6:hover{background-position:-50px 10px}
.maze .c a.a7:hover{background-position:-60px 10px}
<
