css - Chrome 忽略的背景位置

Question

我在 Chrome 中定位两个背景图像时遇到问题。在 FF 和 IE 中，图像就在我想要的位置，但在 Chrome 中，它们都只是位于左上角。所以 Chrome 会忽略 background-position 属性。当我从该属性中删除 150px 时，它可以工作，但我希望图像距离底部 150px。

#wrap {width:100%; position:relative;z-index:1; background-color:#ebebeb; background-image: url("/portals/0/images/bosch_rechtsonder.png"),url("/portals/0/images/meba_linksmidden.png"); background-position: right bottom 150px, left bottom 150px; background-repeat: no-repeat;background-attachment: scroll, scroll;}

有人对此有其他解决方案吗？

提前致谢！

Answer 1

给出3个值是什么意思？

background-position: right bottom 150px, left bottom 150px;

价值right很好，bottom很好。为什么在150px那儿？去掉它。将其更改为：

background-position: right bottom, left bottom;

你知道它是150px从底部固定的定位。唯一的方法是提供 150px 的空白或使用图像编辑器将其设置为透明并将其放在背景上。在不知道元素的height.