Question

I am trying to get the value of an elements background-image url. This is set in an external css file. The following always returns, ‘none’.

$(".navHeader").each(function() {

                alert($(this).css("background-image"));

            });

css:

    .navHeader {
background-image:url("../../../../commondata/sharedimages/summary/NavBox_topMiddle.png");
background-repeat:no-repeat;
font-family:Arial,Helvetica,san-serif;
font-size:14px;
font-weight:normal;
line-height:16px;
text-align:center;
text-decoration:none;
}

Answer 1

JavaScript uses camelCased CSS property names when they would otherwise be hyphenated. So, background-image becomes backgroundImage.

alert($(this).css("backgroundImage"));