Html 我可以让CSS3边框图像在所有现代浏览器（即9+；、Chrome和Firefox）上运行吗？

我想为流体缩放CSS容器使用边框图像。是否可以使用一些.js框架在所有现代浏览器上启用CSS3功能？如果没有，有好的替代品吗

有关我想要实现的目标的示例，请参见：

---

IE不支持边框图像属性，请检查：以获取浏览器支持

但是，css3pie可以让您在IE 6-9中使用边框图像：

---

IE不支持边框图像属性，请检查：以获取浏览器支持

但是，css3pie可以让您在IE 6-9中使用边框图像：

---

简短的回答是不，你不能

边框图像

在IE9或IE10中不受支持。不过，它可以在IE11中使用

大多数其他浏览器都支持它，但是有很大的差距——尤其是Android浏览器，它在任何版本中都不支持它

近年来引入的大多数闪亮的新浏览器功能都可以使用Javascript polyfill库向后移植到旧浏览器中。这有助于更容易地开始使用这些功能，因为开发人员可以使用新功能，而不会对旧浏览器用户的站点造成太大的损害

---

不幸的是，

border image

没有任何多边形填充，因此如果您使用它，您只需接受IE用户的简短回答是不，您不能

边框图像

在IE9或IE10中不受支持。不过，它可以在IE11中使用

大多数其他浏览器都支持它，但是有很大的差距——尤其是Android浏览器，它在任何版本中都不支持它

近年来引入的大多数闪亮的新浏览器功能都可以使用Javascript polyfill库向后移植到旧浏览器中。这有助于更容易地开始使用这些功能，因为开发人员可以使用新功能，而不会对旧浏览器用户的站点造成太大的损害

---

不幸的是，

border image

没有任何多边形填充，因此如果您使用它，您只需接受IE用户尝试此代码即可。这应该满足IE浏览器的需要：）

.borderImg{
背景图像：线性渐变（向左，rgb（255、255、255）、rgb（221、221、221）、rgb（221、221、221）、rgb（255、255、255）100%）；
背景重复：无重复；
背景尺寸：600px 3px；
背景位置：底部；
垫底：8px；
宽度：100%；
文本对齐：居中；
}

应用边界

试试这段代码。这应该满足IE浏览器的需要：）

.borderImg{
背景图像：线性渐变（向左，rgb（255、255、255）、rgb（221、221、221）、rgb（221、221、221）、rgb（255、255、255）100%）；
背景重复：无重复；
背景尺寸：600px 3px；
背景位置：底部；
垫底：8px；
宽度：100%；
文本对齐：居中；
}

应用边界
-webkit边框图像：url（border.png）30轮-Safari 5-
-o-border-image:url（border.png）30轮-Opera-
边框图片：url（border.png）30轮-正常-只是一些示例而已，它在Safari和Firefox 3.1（Alpha）以外的浏览器中不起作用。我正在寻找一种解决方案，以便在所有浏览器上启用此功能
-webkit border image:url（border.png）30轮-Safari 5-
-o-border-image:url（border.png）30轮-Opera-
边框图片：url（border.png）30轮-正常-只是一些示例而已，它在Safari和Firefox 3.1（Alpha）以外的浏览器中不起作用。我正在搜索一个解决方案，以便在所有浏览器+1上启用此功能。我已经使用CSS3Pie很多年了（我是它的忠实粉丝），但我没有意识到他们在其中添加了
边框图像。这是一个很大的帮助。然而，我想说的是：小心推荐w3schools.com作为资源；这里的名声真的很坏。对于浏览器支持信息，我建议改为访问。我没有查看CSS3Pie，但它似乎值得一试。我将创建一个测试项目，并在不同的浏览器中进行测试。如果有效，我会更新你的答案！一、 “我，我……”斯普德利，谢谢你的建议。我已将其更改为caniuse.com+1。我已经使用CSS3Pie很多年了（我是它的忠实粉丝），但我没有意识到他们在其中添加了
边框图像。这是一个很大的帮助。然而，我想说的是：小心推荐w3schools.com作为资源；这里的名声真的很坏。对于浏览器支持信息，我建议改为访问。我没有查看CSS3Pie，但它似乎值得一试。我将创建一个测试项目，并在不同的浏览器中进行测试。如果有效，我会更新你的答案！一、 “我，我……”斯普德利，谢谢你的建议。我把它改成了caniuse.com