< type="text/css"> /* 本例子css */ .slider_pic{ height:366px; width:100%;position:relative; z-index:5; overflow:hidden;border:1px solid #CCC;border-radius:10px;} .slider_pic .hd{ height:10px; overflow:hidden; position:absolute; right:20px; bottom:15px; z-index:1; } .slider_pic .hd ul{ overflow:hidden; zoom:1; } .slider_pic .hd ul li{ float:left; margin-left:5px; width:10px; height:10px; background:#CCC; cursor:pointer;border-radius:5px; } .slider_pic .hd ul li.on{ background:#FFF;} .slider_pic .bd{ position:relative; height:366px; z-index:0;} .slider_pic .bd li{ zoom:1; vertical-align:middle;} .slider_pic .bd li a{ display:block; width:100%; height:366px; position:relative;} .slider_pic .bd li p{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000); font-size:16px; line-height:40px; color:#fff; cursor:pointer; text-indent:20px;text-align:left;margin-bottom:0px;} .slider_pic .bd li a:hover p{ color:#FFF;} .slider_pic .bd img{ width:100%; height:366px;}