当前位置: 代码迷 >> 跨浏览器开发 >> a:visited 背景图片转换无法实现解决方法
  详细解决方案

a:visited 背景图片转换无法实现解决方法

热度:5215   发布时间:2013-02-26 00:00:00.0
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 图片够高吗?

实在没法猜
最好给出一个在线测试的页面
  相关解决方案