如果是字体转换、或是背景颜色转换 就可以实现。但是背景图片的转换总是实现不了(试了好几种浏览器都不行)。这是什么原因呢?(代码如下)
<style>
body{
margin:20px;
}
a{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
a:hover
{
color:#FFFFFF;
}
#imgmenu{
width:450px;
height:25px;
list-style-type:none;
padding:0px;
margin:0px;
}
#imgmenu li{
float:left;
margin:20px;
}
#imgmenu li a{ background-color:#6600FF;
display:block;
width:90px;
height:25px;
}
#imgmenu a:visited{
color:#FFFF00;
background-image:url(left.PNG);
}
#imgmenu a:hover{
background:url(沙滩背景1.PNG) 0 -25px;
}
</style>
</head>
<body>
<ul id="imgmenu">
<li ><a href="www.ouc.edu.cn">menu 1 </a></li>
<li ><a href="2.JPG">menu 2 </a></li>
</ul>
</body>
</html>
------解决方案--------------------------------------------------------
你的HREF内容添成那个样子,点了之后还能看到什么效果呢。加上<a target="_blank">theforever_csdn</a>。
background 包含多个设定:
background-color
background-image
background-repeat
background-attachment
background-position
background: #00FF00 url(bgimage.gif) no-repeat fixed top;
------解决方案--------------------------------------------------------
我的变了
------解决方案--------------------------------------------------------
沙滩背景1.PNG 换个英文名字试试
------解决方案--------------------------------------------------------
图片路径对不对
另外,你这个图片有多大?background:url(沙滩背景1.PNG) 0 -25px 上移25px 图片够高吗?
实在没法猜
最好给出一个在线测试的页面