Question

css控制鼠标经过一下块时它所在的div背景变色，我用了一个div，里面有两个ul，当鼠标经过两个

css控制鼠标经过一下块时它所在的div背景变色，我用了一个div，里面有两个ul，当鼠标经过两个不同的小的ul时div背景图片改变，现在的情况是鼠标经过ul时，图片在ul里面显示了，怎么让他在大的div里面显示，也就是鼠标经过1.2时黄色背景显示不同图片

Answer 1

		<ul>
			<li class="num n1">1</li>
			<li class="pic p1"></li>
			<li class="num n2">2</li>
			<li class="pic p2"></li>
			<li class="num n3">3</li>
			<li class="pic p3"></li>
		</ul>

ul {
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	width:500px;
	height:300px;
	background:#e9e9e9;
	position:relative;
}

ul li {display:inline-block;}

.num {
	z-index:2;
	position:absolute;
	bottom:10px;
	border:solid 1px gray;
	line-height:2em;
	padding: 0 1em;
	cursor:pointer;
}

.n1 {right:110px}
.n2 {right:60px}
.n3 {right:10px}

.pic {
	z-index:1;
	display:none;
	width:100%;
	height:100%;
	position:absolute;
}

.p1 {background:red;}
.p2 {background:orange;}
.p3 {background:green;}

.num:hover {
	color:white;
	background:#aeaeae;
}

.num:hover + .pic {
	display:block;
}

替换样式 p1,p2,p3 的background 属性为你想展示的图片就行了。

如 

.p1 {background:url(img1.jpg);}