css更改后台位置为：visited

我知道这听起来很愚蠢，但我试图改变'anchor element'的背景位置，但我没有得到任何结果。css更改后台位置为：visited

的HTML看起来是这样的：

<a href="http://google.com/" class="first-link">Link</a><a href="http://google.com/" class="second-link"></a>

为.second-link:visited我想改变background position，我不知道为什么它不工作。

更新

为.second-link的CSS是这样的：

.second-link { background: url(../images/sprite.png) no-repeat -13px -124px; height: 20px; width: 15px; display: inline-block; margin: 2px 0 -6px 2px; }

来源

2013-05-10 el.severo

第二链接是否有'display：inline'？如果是的话，'使用display：inline-block'并设置一些'width＆height' – Jashwant 2013-05-10 07:11:47

你可以创建一个js小提琴吗？ – Jashwant 2013-05-10 07:15:18

@Jashwant：似乎我不得不放弃它的[浏览器bug]（http://stackoverflow.com/questions/3788855/google-chrome-avisited-background-image-not-working）。不管怎么说，还是要谢谢你！ :) – 2013-05-10 07:57:35

还有就是你a标签与second-link类中没有的内容。因此它不会在页面上显示，因为它的宽度和高度都是0px。在其中添加一些内容内容可以修复它，或者如果您不需要其中的任何内容，则必须将a标记设置为display: inline-block;，并在其上设置宽度和高度以确保它在页。

来源

2013-05-10 07:07:01

'a'标记被渲染，但它不覆盖背景位置;我会用css更新这个问题，请检查。谢谢！ – 2013-05-10 07:11:24

css更改后台位置为：visited

回答

相关问题