关于CSS sprites 的问题

来源:百度知道 编辑:UC知道 时间:2024/09/25 16:42:22
我现在有一个按钮的图片

怎么将它两个部分结合成一个按钮

控制背景图片的位置就可以了
用两个DIV,一个DIV套一个DIV ,然后加上分别都加上这个背景,调整宽度高度,控制图片位置就可以了……

下面是代码
你运行试试,注意图片地址:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
.content{
background:url(sprites.jpg) no-repeat right -30px;
width:200px;
height:30px;

}
.content div{
background:url(sprites.jpg) no-repeat left top;
height:30px;
width:190px;
}
-->
</s