剧情的落幕

#pic1{background:url(images/pic1.jpg);width:100px; height:100px;z-index:1000;position:relative; } #pic2{height:100px;width:100px; margin-top:-40px; background:url(images/pic2.png) no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pic2.png'); _background-image: none; z-index:0;position:relative;} <div id="pic1"></div> <div id="pic2"></div>
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pic2.png');
_background-image: none;
用于支持ie6.0的png图片透明
z-index：div的层叠顺序，值越大，越在底层。

<style type="text/css"> body {font:normal 12px "宋体",Verdana, Arial, Helvetica, sans-serif; margin:0px;} ul {margin:0; padding:0;} li {list-style-type:none;} a {color:#333; text-decoration:none;} a:hover {color:#900; text-decoration:none;} .text {width:300px; } .text ul{width:240px; } .text li {display:inline-block; *display:inline; zoom:1; position:relative; } .text li a {display:block; *display:inline; zoom:1; height:26px; line-height:26px; overflow:hidden;} .text li span {position:absolute; top:0; right:-60px; padding-left:10px; line-height:26px; color:#999; } </style> <div class="text"><ul> <li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li> <li><a href="#">从邓加接过巴西队教鞭开始，从邓加接过巴西队教鞭开始，从邓加接过巴西队教鞭开始 </a><span>2009-4-13</span></li> <li><a href="#">从邓加接过巴西队教鞭开始从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li> <li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li> <li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li> <li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li> <li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li> <li><a href="#">从邓加接过巴西队教鞭开始从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li> <li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li> <li><a href="#">从邓加接过巴西队教鞭开始</a><span>2009-4-13</span></li> </ul></div>