Question

用CSS 怎么调换图片 比如 <img src="/pp.jpg" height="42" width="93"/> 这个 怎么用CSS来调换

调换图片 光标经过 替换图片 怎么做





Answer 1

你这个效果用背景色也能很容易实现的，用图片么，也可以代码如下：

<style type="text/css">
.rightFloat{text-align:center;}
.goTop{ background:url(http://css.xzyd.net/66/defaultv6/image/top-backh.jpg) no-repeat;}
a:hover .goTop{ background:url(http://css.xzyd.net/66/defaultv6/image/top-backb.jpg);}
</style>
<div class="rightFloat" >
<a href=""><p class="goTop" style="width:86px;line-height:29px;padding:8px;text-indent:-9999px">返回顶部</p></a>
</div>

主要是a:hover的使用，当然，如果是纯色的话，用背景色更容易的。

Answer 2

建议不要用img直接用div设置其background，然后在hover的时候重新为background-image设置路径

Answer 3

background-image:url(图片的URL)

Answer 4

这个用链接做，用a标签

追问

怎么弄 ？

追答

例如
a{ background:(img/默认图片.jpg) no-repeat 0 0 ;}这个是默认的背景
a:hover{ background:(img/需换图片.jpg) no-repeat 0 0 ;}这个是鼠标滑过后的背景图。
根据你设的层给下属性，像宽高什么的，要给下，不然图不显示