Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Offsetting background image on link hover (help needed) Re: Offsetting background image on link hover (help needed)

#72481
zackw
Member

I would tackle this by stacking the different states of the nav on top of eachother in photoshop and then flipping from background-position:top to background-position:bottom on hover,

basically have your image the top half of it, the link without the red text and arrow, and then the bottom half, the text red and the arrow there, make sure they are the exact same size, so if 1 is 50 then they should both be 50 for a total of 100px in the image, set the height of the anchor link to 50 pixels so it only shows 1 of the states at a time and your done, if u need me to type out the code i can but im at work so hopefully this will do