<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>显示我们的变化</title>
<link rel="stylesheet" type="text/css" href="index.css">
<style>
.div2{
width:250px;
height:250px;
background: url("69.gif") -250px -250px;
}
//69.gif 500*500
// [红][白]
// [白][蓝]
</style
</head>
<body>
<div style="background:url(69.gif); height:250px; width:250px;">
加载红色区域
<br>
<br>
<br>
</div>
<hr>
<div class="div2" >
加载蓝色区域
<br>
<br>
<br>
</div>
<hr>
</body>
</html>
验证结果 ｐｘ与文件一致 同ｗｉｎｄｏｓ 左上角为原点原文：http://wzsts.blog.51cto.com/10251779/1833113