Title: jquery css background image
Last modified: August 20, 2016

---

# jquery css background image

 *  [benthv](https://wordpress.org/support/users/benthv/)
 * (@benthv)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/jquery-css-background-image/)
 * I want to put a background image in a div using the jquery .css function but 
   for some reason it doesn’t work. The funny thing is, setting the background to
   a color works, and I have done this in other sites that aren’t wordpress sites
   before. Is this a wordpress issue? I mean the code is pretty simple:
 *     ```
       <div id = "somediv">
       </div>
       <!-- and a couple lines beneath it I have -->
       <script>
          $('#somediv').css('background','url("images/image.jpg")');
       </script>
       ```
   
 * naturally the div has a width and height and everything in the css file. Anyway
   if I were to replace ‘url(“images/image.jpg”)’ with ‘black’ or some other color
   it works. Does anybody have any idea with what could be going on here?

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [randomfrequency](https://wordpress.org/support/users/randomfrequency/)
 * (@randomfrequency)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/jquery-css-background-image/#post-2599978)
 * hi benthv,
 * the CSS issue may be twofold…
 * 1) “#somediv” is being overidden in a previous CSS style or a style labeled !
   important
 * 2) the div you are using is being applied too many styles to that div, separate
   a “separate” new div just for this background img
 * 3) you didn’t load the Jquery library for some reason…
 * 4) you didn’t express $(init); at beginning of the script
 * try these tips and see if it works…
 * gl
    randomfrequency out…
 *  Thread Starter [benthv](https://wordpress.org/support/users/benthv/)
 * (@benthv)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/jquery-css-background-image/#post-2599980)
 * Thanks for the reply! I’m pretty new to doing this stuff. I haven’t seen $(init)
   before, but any initialization stuff shouldn’t be a problem because the script
   is after the div, right? Well anyway it’s not being overridden by anything, I
   tried a seperate div but it had the same issue, jQuery is loaded, and what is
   weird is that solid colors work but .jpg images don’t. Is there anything else
   that could possibly be causing this problem? There are no other java script libraries
   or plug-ins or scripts either in the page yet so far.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘jquery css background image’ is closed to new replies.

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [jquery](https://wordpress.org/support/topic-tag/jquery/)

 * 2 replies
 * 2 participants
 * Last reply from: [benthv](https://wordpress.org/support/users/benthv/)
 * Last activity: [14 years, 3 months ago](https://wordpress.org/support/topic/jquery-css-background-image/#post-2599980)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics