a:visited 背景图片变换无法实现
日期：2014-05-17 浏览次数：20708 次
a:visited 背景图片转换无法实现
如果是字体转换、或是背景颜色转换 就可以实现。但是背景图片的转换总是实现不了（试了好几种浏览器都不行）。这是什么原因呢？（代码如下）
<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 图片够高吗？
实在没法猜
最好给出一个在线测试的页面
如果是字体转换、或是背景颜色转换 就可以实现。但是背景图片的转换总是实现不了（试了好几种浏览器都不行）。这是什么原因呢？（代码如下）
<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 图片够高吗？
实在没法猜
最好给出一个在线测试的页面
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
