手风琴
-
美丽的西藏布达拉宫
-
美丽的西藏布达拉宫
-
美丽的西藏布达拉宫
-
美丽的西藏布达拉宫
* { padding:0; margin:0; } html,body { overflow:hidden; } #prew { position:relative; width:100%; height:329px; margin-left:-4px; margin-top:40px; } #prew ul.list { width:100%; height:100%; } #prew ul.list li { float:left; position:relative; width:80px; height:100%; border-left:1px solid #888; overflow:hidden; } #prew ul.list li:nth-child(1) { border-left:none; } #prew ul.list li.on { width:100; height:100%; } #prew ul.list li>img { position:absolute; left:0px; top:0px; } #prew ul.list li>div { position:relative; width:80px; height:100%; z-index:9; background-color:rgba(0,0,0,.3); } #prew ul.list li>div>p { position:absolute; width:40px; height:350px; left:20px; top:39px; font-size:26px; color:#fff; text-align:center; line-height:35px; cursor:pointer; }