darking the page
I am building a car gallery.
Something very basic.
This is the link to it:
Now I created the following element in the html code:
I gave it the following css:
<div class="big-picture-contianer" id="big-picture-contianer"><img class="big-picture" id="big-picture" /></div>
What I try to do is that when you pressed on one of the car the whole screen become darker (that is why the color and the opacity of the big-picture-contianer's div), And the car is suppose to appear with not opacity at all, I gave it opacity of 1.
Instead I don't see at all the gray background, and the big car are transparent.
Where am I wrong in my css setting?
Because #big-picture has position: absolute, .big-picture-contianer has no height. Set it some height.
Originally Posted by hyperionXS
you are right.
I would also like to add that I have discovered that there is need to have the following css: