The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Issue with graphic with hovers only in Safari
I have created a graphic with multiple images which are all positioned fixed.
When you hover over the graphic, most of the images within the graphic get a little bit transparent, but some elements do not.
The hover to make transparent portion of this is working in most browsers except Safari and IE.
Please see here: http://codepen.io/anon/pen/gpqpYB
Once I removed the visibility:hidden I could actually see the demo
visibility:hidden
http://codepen.io/Paulie-D/pen/oXmXXp
Works fine for me in Safari 5, Chrome, FF & IE11/
Could you be more specific about what isn’t working?
I totally forgot I’m using visibility: hidden because I’m using wow.js to reveal the element after scrolling down the page. Thanks.