I’m building a site with FW Pro 6 using inline construction. I understand using a background image to fill an HTML item using the style “background-size cover”. The front page of this site is going to have an image set to fill the browser. They want different parts of the image to be links to the content pages. Obviously, the clickable parts of the image will vary in location due to browser window sizes. My question is: Is there a way to have an area of an image be a link when the background image is set to fill full width?
It’s a matter of fact you can. You can check this out at http://www.valveco.com, where the (background)images of the 4 markets seem to be linking.
But the actual links are the texts in the upper left corner, and by fiddling with the link styles you can achieve the appearance of a linked image. When you don’t want text to be visible … make sure you set the value of the rgba to 0 (in this case: rgba(255,255,255,0) )
What I usually do when I need to do this sort of trick is to position layered clear GIF images and apply the links to those. This gives you a “poor man’s image map” that will work over a background image.
Walter
On Nov 30, 2013, at 9:23 AM, DeltaDave wrote:
It’s a matter of fact you can.
With individual bg images - yes.
But not practically with 1 bg image sat to ‘Cover’ and individual links set on different areas.