动态的图片显示在层中
<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<style>
#out
{
text-align:right;
background-image: url(test.gif);
background-position: left bottom;
background-repeat: no-repeat;
height:437px;
width:446px;
}
#in
{
float:right;
background-image: url(test1.gif);
background-position: right top;
background-repeat: no-repeat;
background-color:#6c6c6c;
height:357px;
width:401px;
position: relative;
}
.img
{
position: absolute;
width:16px;
height:16px;
border:0;
}
</style>
</head>
<body>
<div id="out">
<div id="in">
<!-- X:0 Y:0 -->
<img src="test2.gif" style="left:0;top:341;" alt="x:0;y:0;设置它的left:0,right的值=<div>in的高度-图片高度 " class="img">
<img src="test2.gif" style="left:50px;top:321px;" class="img">
<img src="test2.gif" style="left:70px;top:301px;" class="img">
<img src="test2.gif" style="left:850px;top:281px;" class="img">
</div>
</div>
</body>
</html>