- This topic has 1 reply, 2 voices, and was last updated 8 years, 10 months ago by
.
-
Posts
-
Hi,
I know how to make the header bar transparent but I want to get the slider image to go behind this so it butts up to the top of the page. Here is an example of what i am talking about – http://lewishowes.com/ so my navigation links would be laid on top of my slider image.
Here is my site http://unitefortheanimals.org/ for now I have just put a solid block image in for testing but this will be a big photo.
Obviously I only want the navigation bar to be transparent on the main page as well so I was planning on adding something like this – `.home .head-wrap {
background:rgba(255, 255, 255, 0.7);
}`Can anyone help me with this?
Thanks
AbigailI’ve tried doing the same thing, but couldn’t get it working myself. So if anyone else is reading this and would like to help out I’d appreciate it.
Here is what I have been able to do….Warning, it may not be the correct way so don’t rely on it 100% 😉
If you reverse the order so the #head-wrap (div around the header) is on bottom of the slider….meaning move the slider up on top, then you could add position: relative; bottom: 250px; background: none; to the #head-wrap and that would remove the background, and move the position of it so it shows up above and on top of the slider. Weird, I know…but it sort of works as you can see here – http://i.imgur.com/MWe4M82.png
I’d at least start with something like that and just play around with it to see if you can get it working.
If anyone else has a better way let me know.
- You must be logged in to reply to this topic.