FF和IE中的CSS错误？包括边界的转换在这两个方面都会产生意外的结果。或者我该如何调整行为？

我正在尝试创建一个CSS转换，在Chrome中提供所需的结果，但IE（10和11）和Firefox（41）不同（每个都提供不同的结果，但它们都无法显示边框，请参见下面链接的代码笔）：

.box{
宽度：200px；
高度：200px；
背景：绿色；
边缘顶部：20px；
左边距：自动；
右边距：自动；
过渡：所有1都放松；
框大小：边框框；
边框：0px点绿色；
盒影：1px 1px 20px黑色；
}
.box:悬停{
边框：99像素点绿色；
背景色：红色；
边界半径：500px；
光标：指针；
过渡：所有0.5s缓解；
变换：旋转（2圈）
}

你会说这是IE和Firefox中的一个bug吗？因为border的定义似乎非常直截了当，并且与Chrome中的行为一致

然而，FF和IE在最终的过渡状态中都没有显示任何东西

---

（顺便说一句，如果你在Firefox中将鼠标悬停在图形的边缘，效果也很有趣，虽然我猜这不是一个bug，但只发生在FF中）

浏览器的版本可能是问题所在，我以前使用的是IE8，其中没有更新telerik控件。确保更新浏览器并检查是否可以看到类似的行为

若要使用圆形div，请将边框设置为宽度/高度的50%，否则可能会导致不可预测的结果，这可能会解释边框的差异

---

如果将边框从99px更改为9px，并将边框半径设置为100px，则在IE/Edge/FF/Chrome中似乎同样有效，尽管虚线边框不同

---

根据这一点，Firefox有一个边界/半径缺陷，当你将边界半径和点样式结合起来时，它会显示一个实心边界而不是点。

ie和FF的哪个版本？请参阅-测试版本可能不完全支持？@JECarterII抱歉，用版本号更新了问题。这可能是因为Chrome使用正方形表示“虚线”，而FF使用圆形吗？@Paulie_D，这可能是状态转换存在差异的原因，但FF和IE在最终转换状态下都没有显示边界，根据规范，他们应该这样做。请注意，FF的行为甚至更奇怪，根本没有意义。如果你将边框从99px更改为9px，并将边框半径设置为100px，则在IE/Edge/FF/Chrome中似乎同样有效，尽管虚线边框与我使用的最新版本不同（见更新的问题和版本号）它们应该支持过渡。谢谢LGSon，所以我想我不能强制使用虚线边框样式的渲染。它不应该按原样工作，并在最终过渡状态下显示一些边框吗？即使有50%的边框半径，FF中也没有虚线渲染。好吧，你可以，尽管结果可能会变成你不知道的东西我不想要：）。。。我更新了我的答案，在这里也提到了这一点，当涉及到FF时，它有一个bug，它说当你结合边界半径和点样式时，它显示为实心。请参阅我的答案中的链接。顺便说一句，如果您需要虚线边框，如果您使用

边框图像

，它可能在新浏览器中工作。。。谢谢，我会调查的！