【问题标题】:Is -o-border-image property necessary?-a-border-image 属性是否必要?
【发布时间】:2020-07-17 09:25:24
【问题描述】:

我想用一张图片作为边框,发现如下代码:

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

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

将其添加为是否明智?

-o-border-image

还是没有必要?

【问题讨论】:

  • 不,不是,连-moz-和-webkit-都没用,可以去掉

标签: html css image border border-image


【解决方案1】:

简写 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- 前缀。

【讨论】:

    【解决方案2】:

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

    border-image没有供应商前缀)的支持已在:

    • IE 版本 11 起
    • Edge 从版本 12(当前版本 80)开始
    • Firefox 自版本 15(当前版本 74)
    • Chrome 自版本 15(当前版本 80)
    • Safari 自版本 6(当前版本 13)
    • Opera 从版本 15(当前版本 66)开始

    source

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-12-02
      • 1970-01-01
      • 1970-01-01
      • 2015-09-20
      • 1970-01-01
      相关资源
      最近更新 更多