ff中显示出错,css和div的,请达人改下代码

来源:百度知道 编辑:UC知道 时间:2024/09/25 02:32:17
<style type="text/css">
<!--
a {position:static;}
a div {display:none;}
a:hover {background:transprant;}
a:hover img{
position:absolute;
padding:1px;
display:block;
top:45px;
left:20%;
border:3px solid rgb(#d0d0d0);
background-color:#d0d0d0;
z-index:999;
}
谢谢各位啦,我是菜鸟,应该是鼠标放到缩略图上显示大图

我看着跟我习惯有很大差别,那些static,transprant都可以省掉了,这不设置默认就是这个。

也不知道你这个是什么效果,是a里面有DIV呢,还是只是给图片加上链接的html

要是只是给img加上链接,那这样吧,不知道你是不是要这样的效果:
<style type="text/css">
<!--

.style_1 img{
position:absolute;
padding:1px;
display:block;
top:45px;
left:20%;
z-index:999;
}
.style_1:hover img{
border:3px solid rgb(#d0d0d0);
background-color:#d0d0d0;
}
-->
</style>

给<a>一个class
<a href="#" class="style_1"><img src="http://www.baidu.com/img/logo-yy.gif" border="0" /></a>

如果是这个效果,还不如就写一个a,把图片做成a的背景图片,省得img了img了麻烦。样式都加到a上面

<style type="text/css">
<!--
a:hover img{
position:absolute;
padding:1px;
display:block;
top:45px;
left:20%;
border