1

就像标题说的那样，我想在我的 wordpress 网站中的某些（不是所有）用户旁边添加“天赋”。与 reddit 的做法非常相似，但更多地用于 YouTube 如何添加“已验证”用户（本质上是我将使用它的目的）。

YouTube 和 Reddit 示例 - http://imgur.com/a/tPHjh

我有用于悬停的css，所以它会改变颜色，但我不知道如何让它保持在文本/用户名的右侧。

CSS

#verified {left: 10px; width: 9px;}
#verified {background: url(verifieds.png) 0 0;}
#verified:hover {background: url(verifieds.png) 0 -9px;}

HTML

<p id="verified">test</p>

这给了我这个结果：http: //jirachi.net/hover/hover.html但悬停改变有点效果。谢谢您的帮助！

4

2 回答 2

0

你可以试试这个，看demo。

#verified {
    padding: 0 5px 0 0;
    width:35px;
    height:18px;
    background: url(http://jirachi.net/hover/verifieds.png) no-repeat right center;
    cursor:pointer;
}

#verified:hover {
    background: url(http://jirachi.net/hover/verifieds.png) repeat-y right -9px;
}
于 2013-05-26T23:38:52.303 回答
-1

因此，在用户将鼠标悬停在经过验证后，您希望背景保持 0 -9px？如果是这种情况，只需添加

#verified:active,

在#verified:hover 之前

于 2013-05-26T23:06:14.787 回答