Graphics Reference
In-Depth Information
3. Finally, we'll use the result from the previous step to either show the pop up
or just continue.
In the following section, we'll look at these steps in detail:
4. The first thing you need to do is set up the CSS that we'll use:
<!DOCTYPE html>
<html>
<head>
<style>
.black_overlay {
display: none;
position: absolute;
top: 0;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
opacity: .80;
}
.white-content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 70px;
padding: 16px;
border: 2px solid grey;
background-color: black;
z-index: 1002;
}
.big-message {
width: 80%;
