问iPhone/iPad背景图片在错误的元素上

EN

在具有不正确背景图像的元素上使用inspect元素，并查看哪些CSS选择器覆盖了您想要的背景图像。

然后使用CSS选择器返回报告，该选择器负责设置此处元素的样式。请记住，CSS选择器对您使用它们的方式非常特殊。

在此之前，在我不知道您当前的CSS状态的情况下，这可能是导致您的问题的原因。

来自另一个question上的答案

我以前处理过这个问题，这总是一个奇怪的问题。所以这里有一些关于CSS行为的想法和例子。

在CSS中，我们有一个层次结构，它决定了你如何选择一个元素，以及它在样式表中的位置。以下面的CSS选择器为例：

body .test-parent .test-child {
    color: red;
}
body .test-parent .test-child {
    color: blue;
}

本例中的结果将返回color: blue;作为最终样式，因为它是该元素颜色值的最后读取声明。

但是，如果我们声明以下内容：

body .test-parent-two .test-child-two {
    color: red;
}
body .test-child-two {
    color: blue;
}

那么最终的值是color: red;。这让我猝不及防，我花了一段时间才注意到模式和修复。

这里的问题出在选择器上。一个更深入的选择器(更长/包含更多中间的子项)将覆盖任何其他选择器，如此JSFiddle所示。

希望这也能有所帮助！