I want to have an image, visible. and when a user rolls over it an image appears semi transparent to allow the user to click. If I place divs one on top of another and hide the one to appear there's a lot of white space. Do I need to make an inner div or something? The tutorial "game" doesn't say how to layer the divs.
Something like wrapbootstrap.com/ the image rollovers. I am using a rollover gif and the tooltip extension but cannot minimize the open space when the div is hidden, or, collapsed. See my example here. highabovedesign.com/testing/
Well this is actually not an issue with the CSS Animator, but the way you build your page. All you need is: - 1 relative positioned wrapping div - 2 absolute positioned div inside the wrapping div. The image div (width/height=100%, top/left=0, z-index=1) The overlay div (size and position as you wish, z-index=2) So when you hide the wrapping div, the two divs inside it also get hidden.