我正在一个http://simplyclassicremodeling.com网站上工作。文字和背景图片放置在Chrome所需的位置; IE有一个单独的问题I asked about elsewhere,但使用Firefox时,背景图像不在预期的位置(文本应在此处,但正文和标题的背景图像位于其预期的左侧和上方位置)。

如何告诉Firefox将背景与Chrome放在同一位置?

最佳答案

Firefox似乎无法正确解释background-position-xbackground-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。

09-18 02:54
查看更多