svg背景IE和定位问题

Question

您好，我有两个 svg，用于在标题中创建类似横幅的图像。一个坐左边，另一个坐右边。在 IE 中，他们只是坐在中间，我该如何解决这个问题？

#header-left {
    background-position: 10% -7%;
    min-height: 250px;
    background-size: inherit;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2017/05/banner-left-side-02-02.svg);
    max-height: 250px;
}

#header-right {
    background-color: rgba(169, 48, 37, 0);
    background-image: url(/wp-content/uploads/2017/05/banner-right-side-01.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    min-height: 250px;
}

如果您想查看问题...，http://dronework.com.au/

Answer 1

这与您正在寻找的内容接近吗？

#header-left {
    background-image: url(http://dronework.com.au/wp-content/uploads/2017/05/banner-left-side-02-02.svg);
    background-repeat: no-repeat;
    background-color: silver;
    width: 50%;
    height: 100px;
    float: left;
}

#header-right {
    background-image: url(http://dronework.com.au/wp-content/uploads/2017/05/banner-right-side-01.svg);
    background-repeat: no-repeat;
    background-color: lightgray;
    width: 50%;
    height: 100px;
    float: right;
    background-position: right;
}

<div id="header-left"></div>
<div id="header-right"></div>