请问怎么写能实现当鼠标移到链接时,所属表格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 ?
[解决办法]
可以这样做:
<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>
[解决办法]
给td加个id
<td class="Menu" id="ss"><a href="stepbystep.htm" onmovemouse="ss.style.background='images/menu.gif'" onoutmouse="ss.style.background=''">快速入门</a></td>
[解决办法]
锚元素是个 行内框,你可以这样试试看:
a{display:block;width:100px;height:100px;}这个宽度就是你制定的字符的最大宽度 ,这样就统一了