0

边框图像是一个 svg 文件。

这是它在 Chrome 中的外观：

在此处输入图像描述

这就是它在 IE 11 中的样子。

在此处输入图像描述

我在这里遵循了建议：Internet Explorer 11 是否支持边框图像？

这是CSS代码：

.file-list {
    border-style: solid;
    border-width: 30px 30px 30px 30px;
    border-image-repeat:stretch stretch;
    border-image-source: url("Images/greenframe.svg");
   border-image-slice: 100;
    border-image-repeat: repeat;
    display: block;
    margin: 0.5em;
    padding: 0.5em;
}

我也尝试了此链接中的生成器并尝试了该代码： https ://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator

border-image-source: url("Images/greenframe.svg");
border-image-slice:27 27 27 27;
border-image-width:20px 20px 20px 20px;
border-image-outset:0px 0px 0px 0px;
border-image-repeat:stretch stretch;

如何使边框图像看起来像 Chrome 中的那样？

4

0 回答 0