日期:2014-05-17  浏览次数:20612 次

请问怎么写能实现当鼠标移到链接时,所属表格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;}这个宽度就是你制定的字符的最大宽度 ,这样就统一了