61,112
社区成员
发帖
与我相关
我的任务
分享关于淘宝代码 鼠标悬停换图片
现在有段代码，可以实现悬停换图片，但是到淘宝模板上却不行，哪位精通淘宝的帮看看呗，谢谢了!!
代码如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
*{
margin:0;
padding:0;
border:0;
list-style:none;
}
body{
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
}
.photo li a:link span,.photo li a:visited span{
display:none;
}
.photo li a:hover span{
display:block;
text-align:center;
position:absolute;
top:0px;
left:0;
}
a:link,a:visited,a:hover{
text-decoration:none;
}
</style>
</head>
<body>
<ul class="photo">
<li>
<a href="#">
<img src="http://stacdn201.ganjistatic1.com/src/image/logo/ued_index.__1343385452__.png" alt="mm" />
<span>
<img alt="i am an img" src="http://a.xnimg.cn/imgpro/special18/login/login_logo.jpg" />
</span>
</a>
</li>
</ul>
</body>
</html>
代码如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
*{
margin:0;
padding:0;
border:0;
list-style:none;
}
body{
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
}
.photo li a:link span,.photo li a:visited span{
display:none;
}
.photo li a:hover span{
display:block;
text-align:center;
position:absolute;
top:0px;
left:0;
}
a:link,a:visited,a:hover{
text-decoration:none;
}
</style>
</head>
<body>
<ul class="photo">
<li>
<a href="#">
<img src="http://stacdn201.ganjistatic1.com/src/image/logo/ued_index.__1343385452__.png" alt="mm" />
<span>
<img alt="i am an img" src="http://a.xnimg.cn/imgpro/special18/login/login_logo.jpg" />
</span>
</a>
</li>
</ul>
</body>
</html>
...全文
请发表友善的回复…
发表回复
曾经的我们是那么的年轻 2013-01-07
- 打赏
- 举报
Firebug 调试，是不是你的CSS样式代码被模板中的样式覆盖了?
xieyongfa123 2013-01-06
- 打赏
- 举报
淘宝不允许你用自己的css代码的
