Home/ Questions/Q 6052753
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T07:57:47+00:00

I’m trying to reposition the background image of a div using javascript. Here’s what

  • 0

I’m trying to reposition the background image of a div using javascript. Here’s what I have but it doesn’t seem to work. What am I missing?

<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition="0px 150px"">link one</a>
<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition="0px 350px"">link two</a>

<div id="rubbish_image"></a>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m not entirely sure, but there’s two obvious problems I can see with your JavaScript:

    1. You’ve got two " just before the closing > of the a tags, as a result of
    2. Your use of " inside of the string, which isn’t allowed (you can use ' inside a string delimited with ", or vice versa, but " inside of a string delimited by " terminates the string).

    I’d suggest, therefore, amending the code to:

    <a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition='0px 150px';">link one</a>
<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition='0px 350px';">link two</a>

    I don’t believe it’s a huge problem, but you also didn’t terminate your JavaScript within the onmouseover attribute, so I also added the ; to the end of each.

    • 0