Question

我正在http://simplyclassicremodeling.com的网站上工作。文本和背景图像根据需要放置在Chrome中; IE有一个单独的问题I asked about elsewhere，但是对于Firefox，背景图像不在预期的位置（文本是它的意思，但是正文和标题的背景图像在左侧和上方他们的目标位置分别）。

如何告诉Firefox将背景放在与Chrome相同的位置？

Answer 1

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。

如何在Firefox中获得重复背景以获得正确的位置偏移？

1 个答案: