CSS中两张叠加在一起的图片,鼠标经过时显示绝对定位的图片怎么弄?
.a1{position:absolute;width:117px;height:87px;visibility:hidden;}ullia.a1:hover{curso...
.a1{
position:absolute;
width:117px;
height:87px;
visibility:hidden;
}
ul li a .a1:hover{
cursor:hand;
z-index:+1;
visibility:visible;
}
ul{list-style:none;}
<ul>
<li><a><img src="images/m1-act.gif" class="a1" /></a><span><img src="images/m1.gif" width="117" height="87" /></span></li>
</ul>
为什么鼠标经过时不但没hand手形效果,也没显示绝对定位的图片呢?hover应用于所有的标签听说只有cSs2.0才支持,可要怎么查处看CSS的版本呢? 展开
position:absolute;
width:117px;
height:87px;
visibility:hidden;
}
ul li a .a1:hover{
cursor:hand;
z-index:+1;
visibility:visible;
}
ul{list-style:none;}
<ul>
<li><a><img src="images/m1-act.gif" class="a1" /></a><span><img src="images/m1.gif" width="117" height="87" /></span></li>
</ul>
为什么鼠标经过时不但没hand手形效果,也没显示绝对定位的图片呢?hover应用于所有的标签听说只有cSs2.0才支持,可要怎么查处看CSS的版本呢? 展开
1个回答
展开全部
现在的浏览器还不支持css3.0 你说鼠标经过时不但没hand手形效果那是因为你没在<a>标签内加上href="#" <a href="#" ></a>
要改变图片可以设定onmouseout 和onmousemove事件
<ul>
<li><a href="#" ><img src="images/m1-act.gif" onmousemove="this.src='images/m1.gif'"
onmouseout="this.src='images/m1-act.gif'"
/></a></li>
</ul>
要改变图片可以设定onmouseout 和onmousemove事件
<ul>
<li><a href="#" ><img src="images/m1-act.gif" onmousemove="this.src='images/m1.gif'"
onmouseout="this.src='images/m1-act.gif'"
/></a></li>
</ul>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询