有没有办法用css做，适合IE，Firefox？

Question

当鼠标悬停在文本上时。白色圆角出现为文本的背景。有没有办法通过CSS获得？以及如何切圆角背景。谢谢

Answer 1

您可以通过应用以下属性来执行圆角css样式：

.rounded-corners :hover{
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

Answer 2

请检查此链接，可能对您有用： http://www.onextrapixel.com/2009/04/24/5-different-tutorials-of-creating-dynamic-css-round-corners-link-buttons/

Answer 3

经典技术是CSS Sliding Doors，但现在你可以使用一些CSS 3魔法来获得相同的效果。

a {
    color: #fff;
}

a:hover {
    color: #222;    
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

这是JSBin的一个工作示例：http://jsbin.com/acizer

Answer 4

是的，您需要使用：hover选择器使背景显示和消失，并使用border-radius，-moz-border-radius和-webkit-border-radius属性使角变圆。< / p>