Displaying image over text on a link


#1

Hi There, i am having an issue where i would like for my button that leads into the website im building to display an image within the confines of the text border when i hover over it. im struggling where to start/finish.

cheers.


#2

without using JS? you could user :hover to set a background-image on the element


#3

Hi there, thanks for the help. it almost worked. How ever using a background image it sets the image to the box confines and not within the letters themselves. I’m not opposed to using JS, just not experienced at it (nor this apparently). Cheers!


#4

hopefully this will help it make sense. the image should be in the letters not the other way around.


#5

So far i know, that is impossible. The only way i could think of to achieve that would be to have an image with the letters containing the image, if you know what i mean.


#6

i know what you mean, ill just photoshop a png. Thanks for your help!


#7

you could make the letters with div elements (which is very tricky) and then set background-image, but then photoshop is easier.


#8

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.