Chrome忽略背景位置

我在Chrome中定位兩個背景圖像時遇到問題。在FF和IE中，圖像就是我想要它們的地方，但在Chrome中，它們都坐在左上角。因此，Chrome會忽略背景位置屬性。當我從該屬性中刪除150像素時，它可以正常工作，但我希望圖像底部爲150像素。Chrome忽略背景位置

#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;}

有沒有人有另一種解決方案呢？

在此先感謝！

來源

2013-01-22 sdx

給3個值是什麼意思？

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

值right優良，bottom是好的。那爲什麼是150px？去掉它。將其更改爲：

background-position: right bottom, left bottom;

您知道它是從底部固定定位150px。唯一的方法是給150px的空白或使用圖像編輯器將其設置爲透明，並將其放在背景上。它不能被純粹的CSS控制，不知道元素的height。

來源

2013-01-22 15:27:05

你有沒有看到'當我從該屬性中刪除150像素，它的工作原理，但我想從底部圖像150像素？ – Xymostech

'bottom 150px'或'right 150px'也有效，但不是'right right 150px' – RayViljoen

@Xymostech我沒有。更新了答案。 –

Chrome忽略背景位置

回答

相關問題