CSS背景位置在浏览器之间提供不同的结果

我似乎不知道底部是什么意思。。。我试图将背景svg定位在div的底部中心。

及

---

最后我使用了preserveAspectRatio=“xMinYMax meet”

最后我使用了preserveAspectRatio=“xMinYMax meet”

检查SVG的

preserveAspectRatio

选项。听起来您想将其设置为

none

？SVG在Illustrator和PS中保存时有一些IE读取错误的设置。您的定位与其他标准SVG图像配合良好。对我们在正确的轨道上，但“无”将svg延伸到div的顶部。我希望它沿底部显示。请检查svg的

preserveAspectRatio

选项。听起来您想将其设置为

none

？SVG在Illustrator和PS中保存时有一些IE读取错误的设置。您的定位与其他标准SVG图像配合良好。对我们在正确的轨道上，但是“none”将svg延伸到div的顶部。我希望它沿着底部显示。

<div id="pixels">
  <p><code>background-position: </code></p>
</div>

<div id="percentages">
  <p><code>background-position: </code></p>
</div>

<div id="keywords">
  <p><code>background-position: </code></p>
</div>

div {
  width: 800px;
  height: 200px;
  border: 5px solid #E18728;
  margin-bottom: .5em;
  background: url(http://ridebike.ws/images/other/bikesenerey.svg); 
  background-repeat: no-repeat;
}

#pixels { background-position: 350px 0; }

#percentages { background-position: 50% 100%; }

#keywords { background-position: bottom center; }


/* styling for Pen, unrelated to background-position */
p { 
  margin-top: 50px;
  padding: 0 1em;
}