blob: f87794f0b7f15cc2e0b42e21cdda887f05a4daa8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
<!DOCTYPE html>
<body>
<div id="sq-1"></div>
<div id="sq-2"></div>
<div id="sq-3"></div>
<div id="sq-4"></div>
</body>
<style>
/*The expected behavior when setting the opacity through different methods
is that the opacity of the resulting drawn element is the product of the opacity
value set by each of the methods.*/
div{
width: 50px;
height: 50px;
position: absolute;
}
#sq-1{
background-color: black;
left: 18px;
top: 18px;
opacity: 0.125;
}
#sq-2{
background-color: black;
left: 78px;
top: 18px;
opacity: 0.03125;
}
#sq-3{
background-color: black;
left: 18px;
top: 78px;
opacity: 0.1875;
}
#sq-4{
background-color: black;
left: 78px;
top: 78px;
opacity: 0.016;
}
</style>
|
