专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > 跨浏览器开发

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

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
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 图片够高吗?

实在没法猜
最好给出一个在线测试的页面
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: