                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /图片展示特效

本节hover弹出的资料框位置

正如本节的例子，按照老师的代码完成后，我的鼠标悬浮在图片之后，弹出的资料框在本页的最底下。复查多变代码和老师的一样，不知道为啥

.demo a span{
position:absolute;
z-index:33;
bottom:2px;
left:2px;/*设置位置 */
width:300px;
height:40px;
filter:alpha(opacity=50);/*设置透明度 ie6,0-100*/
-moz-opacity:0.5;/*老版本Firefox*/
opacity:0.5;/*css标准,firefox safari Opera*/
-webkit-opacity:0.5;/*旧的safari Chrome*/
-khtml-opacity:0.5;/*KHTML内核而不是webkit内核的safari*/
background:#000;
color:#fff;
line-height:40px;
text-align:center;
display:none;
}
.demo a:hover{
border:2px solid #C03
}
.demo a{
width:300px;
display:block;
border:2px solid #ccc;
}
.demo a:hover span{
display:block;
}