当前位置:编程学习 > html/css >>

用CSS样式实现显示隐藏层

答案:

  此方法不用javascript,代码少、简单,显示的层自动在链接处

  以下代码加入页面中,鼠标悬浮于链接“1234567890”上时,层内容“11111111”显示,鼠标离开时层恢复隐藏状态。

<a href=>1234567890</a>

<div id="Layer1" style="position:absolute; width:300px; height:100px; z-index:1; background-color: #CCFFFF; layer-background-color: #CCFFFF; border: 1px none #000000; visibility: hidden">11111111</div>

上一个:使用样式表控制IE5.5浏览器中滚动条
下一个:妙用CSS滤镜为图片加上特殊效果

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,