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背景图片不会停留

回答

相关问题