我怎么知道哪个CSS覆盖了我的背景图像?

时间:2013-06-17 17:34:39

标签: css

我想在我的页面上设置一个背景图片(background.png),但是一些流氓CSS阻碍了我。

enter image description here

我可以看到第39行的style.css被覆盖了。我认为这是由style.css之类的东西完成的。我在该文件中搜索并找不到除原始所需规格之外的任何内容。我无法找出css正在做什么覆盖。

我搜索了所有我能想到的指定图像的css文件(bg_p2_28.jpg)。我搜索了所有css文件的背景,似乎没有出现。它没有在主HTML中指定

作为一名自1990年代中期以来一直没有使用HTML的合理的程序员,我几乎没有挣扎过。我只是想修改我买的模板。

我可以使用哪些技术,或者如何解释我在此处显示的内容,以确定哪些CSS覆盖最终被推入页面?

编辑:

添加!important;作品。由于某种原因感觉很脏。我不知道为什么。我已经尝试过使用javascript,但调试器对于初学者来说很困惑。重要的是!一件可怕的事情,还是合理的?我认为理解在java代码中设置这些内容会很有用,但是当我搜索代码时,我认为这些值存储在变量中,因此只能在运行时捕获。

3 个答案:

答案 0 :(得分:7)

这来自内联style=""属性。

如果你在HTML源代码中没有看到它,它可能是由Javascript设置的。

您可以右键单击检查器中的元素,然后单击“属性修改上的中断”以查找位置。

答案 1 :(得分:2)

您可以尝试background: url(src) !important;,而不是完美的解决方案,但我认为在这种情况下它会对您有用。

答案 2 :(得分:2)

灰色element.style表示它直接在元素本身上是style属性。除非使用!important

标记了sytlesheet样式,否则元素上的任何样式都将覆盖样式表中的样式