.thumbnail{ position: relative; z-index: 0;" />
网站设计
网站设计


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

标签: | 点击量:
11
Sep
2007

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)">另存代码

相关新闻