0

我在 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;}

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

提前致谢!

4

1 回答 1

0

给出3个值是什么意思?

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

价值right很好,bottom很好。为什么在150px那儿?去掉它。将其更改为:

background-position: right bottom, left bottom;

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

于 2013-01-22T15:27:05.757 回答