Html 有没有一种方法可以通过css实现，并且适合IE、Firefox？

---

当鼠标悬停在文本上时。白色圆角显示为文本的背景。有没有一种方法可以通过css实现呢？以及如何切片圆角背景。谢谢

是的，您需要使用：悬停选择器使背景显示和消失，使用边框半径、-moz边框半径和-webkit边框半径属性使角变圆。

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

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

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

a {
    color: #fff;
}

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

---

以下是JSBin的一个工作示例：

您希望支持哪些浏览器？如果你是进步的，你可以用CSS来实现。或者允许IE没有圆角…我希望它可以支持IE，我应该怎么做？下面是一个例子，显示了IE下的效果，但没有效果。对于IE8+，这个解决方案将起作用。对于IE7及以下版本，请参阅此页面@zhuang-没错，它在IE8及以下版本中不起作用。问题是，圆角对您的设计有多重要？你的访问者可以在没有他们的情况下使用网站吗？如果这真的很重要，那么使用我在答案顶部链接的CSS滑动门技术。