我正在一个http://simplyclassicremodeling.com网站上工作。文字和背景图片放置在Chrome所需的位置; IE有一个单独的问题I asked about elsewhere,但使用Firefox时,背景图像不在预期的位置(文本应在此处,但正文和标题的背景图像位于其预期的左侧和上方位置)。
如何告诉Firefox将背景与Chrome放在同一位置?
最佳答案
Firefox似乎无法正确解释background-position-x
和background-position-y
,也不知道该规范是否正确。就像通常期望的那样使用background-position
,就像这样:
body {
background-image: url("/img/side_border.png");
background-repeat: repeat-y;
background-position: 240px 0;
font-family: 'Macondo Swash Caps', cursive;
font-size: larger;
overflow-x: hidden;
}
header {
background-image: url("/img/top_border.png");
background-position: 0 160px;
background-repeat: repeat-x;
height: 200px;
padding-left: 310px;
width: 100%;
}
当我通过Firebug编辑更改时,此功能适用于8.0.1。