css控制图片只显示一部分,该怎么解决

css控制图片只显示一部分
css控制图片只显示一部分,该怎么解决

求助！！！

因为要通过js控制满足某条件的时候，显示图片上面那个部分，然后另一个条件下显示下面那个部分

------解决思路----------------------



<!doctype html>

<html lang="en">

<head>

	<meta charset="UTF-8" />

	<title> 页面名称 </title>

<style type="text/css">

#test1 {

	width: 16px;

	height: 17px;

	background: #999 url("http://img.bbs.****.net/upload/201509/17/1442477922_879930.png") no-repeat left bottom;

}

#test2 {

	width: 16px;

	height: 17px;

	background: #999 url("http://img.bbs.****.net/upload/201509/17/1442477922_879930.png") no-repeat left top;

}

</style>

</head>

<body>

<div id="test1"></div>

-----------------------------

<div id="test2"></div>

</body>

</html>

css控制图片只显示一部分,该怎么解决

相关推荐