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

a:visited 背景图片变换无法实现

热度:4177   发布时间: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 图片够高吗?

实在没法猜
最好给出一个在线测试的页面