Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by AYA AYA
AYA AYA
5,423 Points

the overlay is not fading like in the video

when i remove display:none from the code the overlay fade but when i add it it's doesn't work!! i don't know what's wrong.here is the code: https://w.trhou.se/az8xrvvrum

Liam Cassidy
Liam Cassidy
9,739 Points

AYA AYA

the display:none attribute will hide the #overlay div so that's why it only appears when you remove that css attribute from #overlay.

see the examples: in http://www.w3schools.com/css/css_display_visibility.asp

What functionality are you looking for?