CSS背景圖片不會停留

-1

我的問題是這樣的：我爲我的網頁使用三個背景圖像，其中兩個我能夠使用'background-position'屬性正確定位，但第三個圖像（lady.png ）不會在瀏覽器窗口拉伸得更寬時停留在頁面上我想要的位置。看起來她正在相對於瀏覽器的邊緣定位。我試圖使用'background-attachment：fixed'來將照片保存在一個地方，但這不起作用。CSS背景圖片不會停留

我想要的是主要的頂部和底部圖形對齊'頂部中心'，並使女性的圖像從左側約200px，從頂部向下約300px。我已經嘗試過「背景位置：200px300px」，但她仍然隨着框架移動。任何援助將不勝感激。

下面是代碼以現在這個頁面：http://dev.salonbuilder.com/website/150099/services.asp

<td width="100%" style="background-image:url(<%=ImagePath%>lady.png),url(<%=ImagePath%>new-bg-top.jpg),url(<%=ImagePath%>new-bg-line.jpg);background-repeat:no-repeat,no-repeat,repeat-y;background-position:80px 150px, top center,top center; background-attachment: fixed, relative, relative;">

謝謝！

來源

2014-10-07 Trinity

可以格式化多一點你的代碼 – Asenar 2014-10-07 21:40:02

我不明白你的意思...我如何更加格式化代碼？ – Trinity 2014-10-07 21:46:27

您需要將您的代碼縮進4個空格才能被格式化，並且您在td標記的開頭缺少「<」 – 2014-10-07 21:52:07

這是一個解決方案。由於您沒有使用自適應設計，因此您可以爲自己的<table>標籤分配固定寬度，這樣可以解決您在縮小網站時將lady.png圖片向左移動的問題。您可以在下面的樣式添加到您的樣式表的底部：

table { 
    width: 1349px; 
}

或內嵌添加這樣的：

<table width="1349px" height="" border="0" cellpadding="0" cellspacing="0" align="center">...</table>

來源

2014-10-07 21:55:40

我很欣賞你的回覆，我原本設置了表格寬度，但問題在於網站不再以框架爲中心。如果瀏覽器窗口不是1349px寬，則主內容部分偏移大約200px，這並不理想。我試圖找到一種方法來使用CSS來居中其他背景圖像，並使lady.png固定。任何其他的想法，不勝感激。 – Trinity 2014-10-07 22:18:44

我想到的另一個解決方案是您可以將'background-position'設置爲'top center，top center，top center'，然後使用照片編輯軟件編輯lady.png圖像，使其具有從頂部和左側的正確數量的透明空間，以便它出現在網站的正確位置。 – 2014-10-07 22:31:43

再次感謝，我其實已經嘗試過了...... – Trinity 2014-10-07 22:56:48

CSS背景圖片不會停留

回答

相關問題