Can you kindly share your design?
Sure. Sorry. I have posted a comp here of what I am trying to do:
http://tinypic.com/r/2s7begz/8
The city skyline is part of the footer and needs to overlap the background photo of the city which is in the content area of a page.
So basically you want to use layered text above image?
Are you able to provide a link to the site?? It does make it a little hard using just a photo. It would be like asking to recreative the Titanic from just a photo of the outside.
Sorry. The sites not public yet. I’ve annotated the image to make it more clear:
http://tinypic.com/r/14awnc7/8
The footer would normally be just the black bar at the bottom, but I need to include the skyline which then overlaps the content area.
Or is there some other detail that would be helpful?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you describe your issue more thoroughly if you can’t link the site?
I’d like to use a silhouette of a cityscape as a background to my footer. The footer also includes some text as show in the posted images. The bottom of pages content area contain colored backgrounds or photos. I’d like the cityscape to overlap the photo or colored content area with the photo for example displaying between the buildings.
The problem is that a footer background image cannot be placed outside of the footer div area. So is there a way to get the footer background image or the footer to partially or fully overlap the content area.
Its an old fashioned scrolling site with the footer scrolling on and off the screen as you get to the bottom or scroll to the top.
To be clear, the big issue is to be able to overlap the div preceding the footer on the page so not only overlap the site background but any image displayed in the preceding content div.
