Home/ Questions/Q 9210009
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T00:58:37+00:00

I am trying to add a background image to a link via the background-image:url

  • 0

I am trying to add a background image to a link via the background-image:url like so 

  <a href="#" style="width:300px; height:125px; background-image:url('http://dev.nclexreview.net/media/3549/livereviewsignin.png')"></a>

I have tried inline CSS as well as external CSS.

It works perfectly in a div, but not in an a.

I have tried just using background:url also and had no luck with that either. This is a sprite image, and I want to change the position based on a mouse over, but I can’t even get the image to appear in the first place.

I would really appreciate some assistance 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The “a” tag is an inline element, change it’s display type to block;

    http://jsfiddle.net/qWW68/

    <a href="#" style="display:block;width:300px; height:125px; background-image:url('http://dev.nclexreview.net/media/3549/livereviewsignin.png')"></a>

    Because this is a sprite, you will want to move this into an external stylesheet in order to add the pseudo class styles

    • 0