Question

我的问题是：我在我的网页上使用了三个背景图片，其中两个我可以使用'background-position'属性正确定位但是第三个图像（lady.png）不会停留在我的位置当浏览器窗口拉得更宽时，希望它在页面上。看来她正处于相对于浏览器边缘的位置。我曾尝试使用'background-attachment：fixed'将照片保存在一个地方，但这不起作用。

我想要的是将主要的顶部和底部图形对齐“顶部中心”，并且女性的图像从左侧约200px，从顶部向下约300px。我已经尝试了'背景位置：200px 300px'，但她仍然随帧移动。任何帮助将不胜感激。

以下是此页面的代码：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;">

谢谢！

Answer 1

这是一个解决方案。由于您没有使用自适应设计，因此您可以为<table>标记指定固定宽度，这样可以解决当您缩小网站时，lady.png图像向左移动的问题。您可以将以下样式添加到样式表的底部：

table {
     width: 1349px;
}

或者像这样添加内联：

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

CSS背景图片不会留下来

1 个答案: