61,112
社区成员
发帖
与我相关
我的任务
分享请问怎么写能实现当鼠标移到链接时，所属表格td的背景换成另一个图片 ?
<style type="text/css">
td.Menu{ background-image:url('images/menu.gif'); color:White; padding:10px;}
</style>
<table width="100%" style="text-align;left; font-size:16px; font-weight:bold;"><tr><td class="Menu">首页</td><td class="Menu"><a href="stepbystep.htm">快速入门</a></td>
</tr></table>
请问怎么写能实现当鼠标移到链接“快速入门”上时，td的背景换成另一个图片menu2.gif ?
td.Menu{ background-image:url('images/menu.gif'); color:White; padding:10px;}
</style>
<table width="100%" style="text-align;left; font-size:16px; font-weight:bold;"><tr><td class="Menu">首页</td><td class="Menu"><a href="stepbystep.htm">快速入门</a></td>
</tr></table>
请问怎么写能实现当鼠标移到链接“快速入门”上时，td的背景换成另一个图片menu2.gif ?
...全文
请发表友善的回复…
发表回复
xiaofan_sap 2012-12-26
- 打赏
- 举报
锚元素是个 行内框，你可以这样试试看：
a｛display:block;width:100px;height:100px;｝这个宽度就是你制定的字符的最大宽度 ，这样就统一了
chinaskysun 2012-12-26
- 打赏
- 举报
给td加个id
<td class="Menu" id="ss"><a href="stepbystep.htm" onmovemouse="ss.style.background='images/menu.gif'" onoutmouse="ss.style.background=''">快速入门</a></td>
ynduanlian 2012-12-26
- 打赏
- 举报
我想做成按钮，如果是用链接的背景切换的形式，链接文字长短不一，显示上就会有长有短，这个要怎么办呢？
xiaofan_sap 2012-12-26
- 打赏
- 举报
可以这样做：
<style type="text/css">
a:link,a:visited{ background-image:url('images/menu.gif'); color:White; padding:10px;}
a:hover,a:focus a:active{background-image:url('images/menu.gif'); color:White; padding:10px;}
</style>
