Let‚Äôs start with the markup and CSS. We‚Äôll need two wrappers, appended at the end of the DOM. Although we will append these later with jQuery, for now just put them right in the HTML (or wait until we append them).
The idea for these wrappers is that the first ‘overlay’ div will be the grayed-out background and the ‘overlay-panel’ will be the HTML panel that sits on top of the overlay.
Now let’s get started by styling the overlay. The first problem we’ll have to tackle …