| 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 |