第八章 z-index 香山红叶

来源：互联网发布：ps4有网络但登不上psn 编辑：程序博客网时间：2024/06/10 15:13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">ul, li {padding:0px;margin:0px;list-style:none;}#content {width: 331px;overflow:hidden;padding:5px;font-size:12px;line-height:25px;border:1px #999 solid;}#content ul {position:relative;}.tipbg, .tipText {position:absolute;width:331px;height:25px;top:351px;}.tipText { color:#FFF;text-align:center;z-index:1;}.tipbg {background:#000;opacity:0.5;filter:alpha(opacity=50);}</style></head><body><div id="content">  <ul>    <li ><img src="2016-10-21_111945.png"alt="香山红叶" /></li>    <li class="tipText">京秋魅力•相约共享香山红叶</li>    <li class="tipbg"></li>    <li>时间:11月16日 星期六 8:30</li>    <li>地点:朝阳区西大望........正门前集合</li>  </ul></div></body></html>

0 0