Question

这是Google网页上的一些代码（我在另一个问题上找到了它）我的问题是：如果值相同，为什么需要前缀？

.example {
  -webkit-border-image: url(img.png) 10px / 20px round; /* Ch <16, Saf <6 */
     -moz-border-image: url(img.png) 10px / 20px round; /* Fx <15 */
       -o-border-image: url(img.png) 10px / 20px round; /* Op (not mini) */
          border-image: url(img.png) 10px / 20px round; /* Ch 16+, Saf 6+ */
}

Answer 1

对于跨浏览器支持。它在你的问题本身

Answer 2

这些称为供应商前缀。

您是否看到了线条旁边的评论？这意味着which browsers understand that line with that prefix。

对于没有最终标准版本的功能，浏览器供应商可以使用这些供应商前缀来实现它们。因此，让我们说当Chrome 15问世时，border-image没有广泛接受的标准不会发生变化，所以他们使用了-webkit-border-image。这样，如果最终标准与先前版本不同，则显示使用新语法编写的页面的旧浏览器不会中断。当Chrome 16问世时，border-image被认为是最终版，因此该版本支持此版本。

在这些情况下我应该在CSS中使用前缀吗？

2 个答案: