欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

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

更新时间: 2014-01-05 01:57:05 责任编辑: Author_N1

 

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 图片够高吗?

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

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:57:05
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3541/
本文WWW.DOC100.NET DOC100.NET版权所有。