.thumbnail{ position: relative; z-index: 0;" />
联系我们 | 加入收藏
 
 
公司业务 | more>>>
成功案例 | more>>>
客户服务 | more>>>
联系我们 | more>>>
 
网页特效
网页配色
网页布局
cssxhtml
网页技巧
 
网站首页 > 网站学习 > 网站设计 > 网页特效 >

CSS的“弹出式”图像浏览器

时间:2007-09-11  点击:   
CSS的”弹出式“图像浏览器 转自Dynamic Drive,纯CSS的,原理就是在a标记里面放两张图片,一张大图,一张小图,正常情况下小图可见,大图隐藏,a:hover就显示大图了 以下是引用片段: style type="text/css"> .thumbnail{ position: relative; z-index: 0;

CSS的”弹出式“图像浏览器

转自Dynamic Drive,纯CSS的,原理就是在a标记里面放两张图片,一张大图,一张小图,正常情况下小图可见,大图隐藏,a:hover就显示大图了

以下是引用片段:

<style type="text/css">

.thumbnail{

position: relative;

z-index: 0;

}

.thumbnail:hover{

background-color: transparent;

z-index: 50;

}

.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: _disibledevent="saveCode(code)">另存代码




 
  济宁金瑞软件公司专业从事 工资查询系统,软件开发,网站建设,网页制作,网站推广软件,济宁财务软件,济宁用友软件,济宁OA软件 等服务 | TAG标签
Copyright 2005-2015 济宁金瑞软件有限公司     中华人民共和国信息产业部网站备案号 鲁ICP备06007949号-1