OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
2 "http://www.w3.org/TR/html4/loose.dtd"> | 2 "http://www.w3.org/TR/html4/loose.dtd"> |
3 | 3 |
4 <html lang="en"> | 4 <html lang="en"> |
5 <head> | 5 <head> |
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
7 <title>Transform and positioned ancestor</title> | 7 <title>Transform and positioned ancestor</title> |
8 <style type="text/css" media="screen"> | 8 <style type="text/css" media="screen"> |
9 | 9 |
10 #wrapper { | 10 #wrapper { |
11 border: 1px solid black; | 11 border: 1px solid black; |
12 position: relative; | 12 position: relative; |
13 width: 300px; | 13 width: 300px; |
14 } | 14 } |
15 .container { | 15 .container { |
16 height: 200px; | 16 height: 200px; |
17 width: 200px; | 17 width: 200px; |
18 margin: 50px; | 18 margin: 50px; |
19 background-color: gray; | 19 background-color: gray; |
20 -webkit-transform: rotate(0); | 20 transform: rotate(0); |
21 } | 21 } |
22 .box { | 22 .box { |
23 position: absolute; | 23 position: absolute; |
24 left: 50px; | 24 left: 50px; |
25 top: 50px; | 25 top: 50px; |
26 height: 100px; | 26 height: 100px; |
27 width: 100px; | 27 width: 100px; |
28 background-color: red; | 28 background-color: red; |
29 } | 29 } |
30 | 30 |
(...skipping 15 matching lines...) Expand all Loading... |
46 <div id="wrapper"> | 46 <div id="wrapper"> |
47 | 47 |
48 <div class="container"> | 48 <div class="container"> |
49 <div class="box"></div> | 49 <div class="box"></div> |
50 </div> | 50 </div> |
51 <div class="green-box"></div> | 51 <div class="green-box"></div> |
52 </div> | 52 </div> |
53 | 53 |
54 </body> | 54 </body> |
55 </html> | 55 </html> |
OLD | NEW |