<head runat="server">
<title>无标题页</title>
<style type="text/css">
.bgStart
{
padding: 0px 11px 0px 0px;
width: 79px;
height: 37px;
line-height: 37px;
text-align: center;
float: left;
cursor: pointer;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="background-image: url(imge/nav_bg.gif); background-repeat: repeat-x;
width: 100%; height: 37px;">
<div style="width: 876px; height: 37px; margin: 0px 0px 0px 160px;">
<div class="bgStart" onmouseover="this.style.background='url(imge/nav_bg2.gif)';"
onmouseout="this.className='bgStart'">
<a href="#">首 页</a></div>
</div>
</div>
</form>
</body>
<title>无标题页</title>
<style type="text/css">
.bgStart
{
padding: 0px 11px 0px 0px;
width: 79px;
height: 37px;
line-height: 37px;
text-align: center;
float: left;
cursor: pointer;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="background-image: url(imge/nav_bg.gif); background-repeat: repeat-x;
width: 100%; height: 37px;">
<div style="width: 876px; height: 37px; margin: 0px 0px 0px 160px;">
<div class="bgStart" onmouseover="this.style.background='url(imge/nav_bg2.gif)';"
onmouseout="this.className='bgStart'">
<a href="#">首 页</a></div>
</div>
</div>
</form>
</body>
增加上也没有反应呢??
<head runat="server">
<title>无标题页 </title>
<style type="text/css">
.bgStart
{
padding: 0px 11px 0px 0px;
width: 79px;
height: 37px;
line-height: 37px;
text-align: center;
float: left;
cursor: pointer;
}
.bgEnd
{
background:url('imge/nav_bg2.gif') left bottom no-repeat;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="background-image: url(imge/nav_bg.gif); background-repeat: repeat-x;
width: 100%; height: 37px;">
<div style="width: 876px; height: 37px; margin: 0px 0px 0px 160px;">
<div class="bgStart" onmouseover="this.className='bgEnd';"
onmouseout="this.className='bgStart'">
<a href="#">首 页 </a> </div>
</div>
</div>
</form>
</body>
这样可以 具体想你那样写为什么不行 我也想知道 期待高人