Question

CSS怎么实现鼠标滑过改变文字说明

CSS怎么实现鼠标滑过改变文字说明。
例子：
正常显示时

鼠标在上时

CSS能实现吗？，如果不能，用什么方法最简单？





Answer 1

1.上面两个图做两张背景图(也可合成到一张图上，做背景图位移段宏，请自行百度相关知识)
2.把链接定义成块元素并赋予宽高，以模拟按钮边框，用文本缩进给较大负察谈值把链接文字移动到屏幕范围外隐藏掉
3.a和a:hover状握没册态下分别定义显示背景1和背景2

--------------html--------------
<p id="abc"><a href="#">篮球机</a></p>

--------------css--------------
#abc a{
display:block;
width:260px;height:60px;
text-indent:-99999em;
background:url(背景图1) no-repeat;
}

#abc a:hover{
background:url(背景图2) no-repeat;
}

Answer 2

css可以的，就是不知道你图片和文字是做成了一幅图还是 左边是图，右边是一个文字描述的结构

Answer 3

可以 大致的原理就是利用a：hover 状态 控制某个层的显示与隐藏