html - 为什么我的边框图像在 IE11 中不起作用?

标签 html css border

我有以下代码用于在 FF 中完美运行的 div 元素的自定义边框,但由于某种原因,边框图像未在 IE11 中显示:

CSS:

#example-border {
  border-color: orange;
  border-style:solid;
  border-width: 5px 5px 5px 5px;
  border-image: url("Box.jpg") 5 5 5 5 stretch stretch;
  -webkit-border-image: url("Box.jpg") 5 5 5 5 stretch stretch;
  -moz-border-image: url("Box.jpg") 5 5 5 5 stretch stretch;
}

HTML:

<div id="example-border" >
    <h2>Headline</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel tellus enim. Fusce quam leo, pulvinar in sodales a, placerat et arcu. Nunc ut sapien orci. Vestibulum facilisis faucibus nisl at ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In hac habitasse platea dictumst. Sed a purus quis lorem adipiscing tempus. Nullam et faucibus elit. Proin eget mauris orci, et egestas dolor. Nulla vulputate, mi nec bibendum vestibulum, augue nisl imperdiet risus, sed rhoncus velit neque in nisi.</p>
</div>

知道如何让它在 IE11 中工作吗?

谢谢,克里斯托夫

最佳答案

在 IE 11 中,border-image 属性未知,您可以阅读更多 here

关于html - 为什么我的边框图像在 IE11 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52984852/

相关文章:

html - 使用 flexbox 的计算器键盘布局

css - 我的 jsp 页面看不到 css 样式

javascript - Bootstrap 字形图标/导航栏显示弹出窗口

android - 1px 边框在放大移动 chrome 之前不会显示

HTML:如何使图像不影响整个网站的宽度?

javascript - 使用 Reveal.js 禁用某些方向的导航

html - 如何在 <div> 中定位列表?

javascript - 输入框乘以2的结果出现在窗口中而不是div中

jquery - 将类添加到正文时销毁 jQuery 脚本

css - 具有圆 Angular 边框的多列 CSS 布局