Question

我有一个问题，偶尔，当我在HTML元素上设置背景图像时，它会显示一个完全随机的图像，该图像也会在页面的其他位置设置为背景图像。

例如，我有一个具有背景图像的列表项＆＃34; myimage-abc.jpg＆＃34;。我还有一个div，其背景图片为＆＃34; myimage-123.jpg＆＃34;。对于大多数人来说，一切都如预期的那样，对于一些Apple用户（我的总经理就是其中之一）的形象＆＃34; myimage-123.jpg＆＃34;显示在列表项和div上。

以前有其他人有这个问题吗？任何想法如何解决它？

由于

Answer 1

在具有错误背景图像的元素上使用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所示，更深入的选择器（更长/包含更多中间儿童）将覆盖任何其他选择器。

希望这也有帮助！

错误的元素上的iPhone / iPad背景图像

1 个答案: