HTML and CSS Reference
In-Depth Information
FIGURE 8.18
Transparency of
overlapping
elements.
8
Absolute Positioning
Now let's look at absolute positioning. The source code for the page shown in
Figure 8.19 contains four absolutely positioned elements.
Input
▼
<!DOCTYPE html>
<html>
<head>
<title>
Absolute Positioning
</title>
<style type=“text/css”>
#topleft {
position: absolute;
top: 0px;
left: 0px;
}
#topright {
position: absolute;
top: 0px;
right: 0px;
}
#bottomleft {
position: absolute;
bottom: 0px;
left: 0px;
}
