怎么能让a标签里的div实现hover显示
<!doctypehtml><htmlstyle="margin:0;padding:0;"><head><linkhref="Style.css"rel="styles...
<!doctype html><html style="margin:0;padding:0;"><head><link href="Style.css" rel="stylesheet" type="text/css"><meta charset="utf-8"><title>js七屏百叶窗焦点图特效</title>
<style type="text/css">
#span01{ display: none; position: absolute; left:10%; bottom: 15%; width:40%; height:30%; padding-left:20px; background-color:#000; background:rgba(0, 0, 0, 0.6) !important; filter:Alpha(opacity=60); list-style-type: none;}#span01 h1{ font-family:微软雅黑; font-size:20px;color:#fff; font-weight:bold; margin-top:10px; padding:0; }#span01 div{ float:left; margin-bottom:30px; margin-top:5px; line-height:30px; text-align:center; width:100px; height:30px; background-color:#ad0003;}#span01 h2{ margin:5px 15px; float:left; font-family:微软雅黑; font-size:20px;color:#fff; font-weight:bold;}#span01 p{ margin:0;
}</style></head>
<div class=slide> <img class=diapo border=0 src="images/01.jpg"> <A href="#" target=_blank> <div id="span01"> <h1>标题</h1> <p>详细介绍</p> <div>点击查看</div> <h2>注释</h2> </div></A>
<div class=text>***</div></div>
怎么实现默认不显示蓝色框里的div内容，hover时显示内容，求大神 展开
<style type="text/css">
#span01{ display: none; position: absolute; left:10%; bottom: 15%; width:40%; height:30%; padding-left:20px; background-color:#000; background:rgba(0, 0, 0, 0.6) !important; filter:Alpha(opacity=60); list-style-type: none;}#span01 h1{ font-family:微软雅黑; font-size:20px;color:#fff; font-weight:bold; margin-top:10px; padding:0; }#span01 div{ float:left; margin-bottom:30px; margin-top:5px; line-height:30px; text-align:center; width:100px; height:30px; background-color:#ad0003;}#span01 h2{ margin:5px 15px; float:left; font-family:微软雅黑; font-size:20px;color:#fff; font-weight:bold;}#span01 p{ margin:0;
}</style></head>
<div class=slide> <img class=diapo border=0 src="images/01.jpg"> <A href="#" target=_blank> <div id="span01"> <h1>标题</h1> <p>详细介绍</p> <div>点击查看</div> <h2>注释</h2> </div></A>
<div class=text>***</div></div>
怎么实现默认不显示蓝色框里的div内容，hover时显示内容，求大神 展开
1个回答
展开全部
.slide a{display:block;}
.slide a:hover div#span01{display:block!important;}
.slide a:hover div#span01{display:block!important;}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
