Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

I dug into that, and what I found blew my mind.

Usually these lightbox/modal overlays use an extra div either loaded with the page or injected on the fly that covers the entire window and is positioned just below the modal on the z-axis (z-index).

His solution was to give the button a really massive box-shadow :O

    box-shadow: 0px 0px 0px 3000px rgba(0,0,0,0.8);


I'd never have thought of that.

     ---
    |   |   <--- the box
     ---
    
      X     <--- where Hakim thinks


Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: