How do I know which CSS is overriding my background image?

Tags: css

Problem :

I want a background image on my page (background.png), but some rogue CSS is thwarting me.

enter image description here

I can see that my style.css from line 39 is being overwritten. I would think this is being done by something like style.css. I search and do not find anything but my original desired specification in that file. I can not find out what css is doing the overriding.

I have searched all the css files I can think of for the specified image (bg_p2_28.jpg). I have searched all the css files for background, nothing seems to come up. It is not being specified in the main HTML

I am barely struggling through as a reasonably competent programmer that has not used HTML since the mid 1990's. I am just trying to modify a template I bought.

What techniques can I use, or how do I interpret what I have here shown here to figure out what CSS override is ultimately being pushed into the page?


Adding the !important; works. It feels very dirty for some reason. I do not know why. I have tried following the javascript in, but the debugger is confusing to the uninitiated. Is the Important! a terrible thing to do, or reasonable? I think it would be useful to understand where these are being set in the java code, but when I search the code, I think the values are stored in variable, so can only be caught at run time.

Solution :

You could try background: url(src) !important;, not the perfect solution, but i think it will work for you in this case.

    CSS Howto..

    How to use selenium IDE to find/check if a div object has children?

    how to creating a separator line which is always in the middle (center)

    How to create dynamic CSS class in in extjs or javascript

    How to add space between table cells `td`?

    CSS - how to hide the top of a container using CSS-height, vertical-align and overflow?

    CSS and jQuery - how to force 2 rules to work together

    How to give css class to the OK button of dialog in JQuery?

    How to make this Header/Content/Footer layout using CSS?

    How to generate a elongated hexagon shape with two circular sides?

    PHPStorm: How do I setup LESS to output to CSS directory with file watcher?

    Wordpress how to tell my css version

    How to have complex shadow background on variable height content area via CSS?

    two divs in one div with img in each two, how to autoresize but keep row formation?

    How to add background-image onto the first option of a dropdownlist

    How do I alter my Jquery slideshow to change size in different screen resolutions

    With html tables, using CSS, how do I get the tables next to each other?

    How to use :not selector in CSS?

    How are the invalid CSS lines interpreted?

    How to style using d3's .style() method instead of using CSS in style tags for .axis path {}?

    W3.CSS how to get a standard header-[left-right]footer layout?

    How to add a fade out at the end of this CSS animation?

    How to set 2 images to be by the side of each other

    How to style a custom TreeCell with CSS in ScalaFX?

    How to reverse z-index on stacked divs

    html css: how to draw dotted box around

    How to create a completely flexible piano keyboard with HTML and CSS

    how to align a sidebar to the right with css?

    How to center an image .logo via css? [duplicate]

    How to make a Sass mixin declare a non-nested selector on base level?

    How to control the CSS of the contents that loaded dynamically into iframe?