0

我想使用图像作为边框并找到以下代码：

-moz-border-image: url(".....
-webkit-border-image: url(".....
border-image: url(".....

缺少的是像转换这样的歌剧属性：-o-transition

将其添加为是否明智

-o-border-image

还是没有必要？

4

2 回答 2

0

在大多数旧浏览器上，速记border-image在某种程度上是错误的。更好地使用单独的属性：

border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-repeat

该border-image-repeat物业很长一段时间都是马车。

Opera: fixed in version 43
Firefox: fixed in version 50
Chrome: fixed in version 56
Safari: fixed in version 9.1
Edge: no problem

所以我认为最好使用单独的border-image-___属性并避免使用border-image-repeat支持旧浏览器。通过这种方式，您不必使用 -moz-、-webkit- 或 -o- 前缀。

于 2020-04-05T13:17:42.543 回答
0

带前缀的属性几乎不应该在生产中使用，因为它们用于不稳定和实验性的功能，因此行为可能不一致或导致其他问题。

对border-image（不带供应商前缀）的支持已在：

  • IE 自版本 11
  • Edge 自版本 12（当前版本 80）
  • Firefox 自版本 15（当前版本 74）
  • Chrome 自版本 15（当前版本 80）
  • Safari 自版本 6（当前版本 13）
  • Opera 自版本 15（当前版本 66）

资源

于 2020-04-05T13:22:19.503 回答