开启辅助访问
智能 [热门需求]
或 免费发布需求
快捷导航
返回列表 发新帖

visited伪类如何添加背景图

王者***
时代问答 问答社区
希望实现这样的效果，当一个链接被访问过后，链接区域出现一个特定背景图，以向用户突显其被访问过的特征。但是始终无法正确显示。

补充：如果将背景图挪到hover中可以看到背景图，但是放在visited中始终无效
                    document            a{            display: inline-block;        }        a:link{            background-color: #0f0;        }        a:hover{            text-decoration: none;            border:1px solid #ccc;            /*放置在hover中能看到*/          /*background: url("images/ok1.png") no-repeat 0 0 ;*/        }        a:visited{            text-decoration: none;                   background: url("images/ok1.png") no-repeat 0 0 ;           /* background-color: #00f;  */ /*背景色能看到*/           }        .circle{            width: 50px;            height: 50px;            border-radius: 50%;            line-height: 50px;            text-align: center;        }                This is a link
Html5CSS3
显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

版权声明：作者保留权利，不代表本站立场。

回复

使用道具 举报

上一主题 下一主题

参与会员1

m5444***
只有下列的属性才能被应用到已访问链接：

  • color
  • background-color
  • border-color(and its sub-properties)
  • outline-color
  • fill和stroke属性的颜色部分
此外，即便是上述样式，你也不能给访问过和未访问过设置不同的透明度。你不能使用rgba()、hsla()或是transparent关键词。
——摘取自MDN
回复

使用道具 举报

可能感兴趣的问答

发新帖
TA的信息
  • 会员所属： 注册会员
  • 认证信息： 邮箱认证手机认证

最新任务

更多 >

最新问答

  • 微信访问
  • 手机APP

优

优秀人才 汇聚时代

快

及时响应 快速匹配

专

专注软件 众包服务

保

信息保障 隐私保护
友情链接 : 时代威客网 有招网 自考365 测试网

  • 微信小程序

  • 新浪微博

  • 手机客户端