Chrome忽略了背景位置

Question

我在Chrome中定位两个背景图片时遇到问题。 在FF和IE中，图像正好在我想要的位置，但在Chrome中，它们都只是位于左上角。 因此，Chrome会忽略背景位置属性。 当我从该属性中删除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的情况下，它不能由纯CSS控制。