Hello, welcome, and welcome back to those who have came before. I am going to go over a simple technique to create a modal window that i have personally tested in Internet Explorer, Firefox, Safari, and Google Chrome. Its mostly CSS but we use jQuery to toggle the show/hide of the modal windows. Its really clean and simple but it has some neat CSS3 goodies such as rounded corners and a drop shadow effect. Play with its settings a little bit and you will learn how it works easily. It opens dead center of the screen with absolute positioning and it wouldn’t be hard to adapt more functionality like making it drag capable or adding a title bar.



Categories: 