OLD | NEW |
1 <style> | 1 <style> |
2 img { width: 30px; height: 30px; background-color: red; } | 2 img { width: 30px; height: 30px; background-color: red; } |
3 .cover { position: absolute; background-color: green; opacity: 0.7; } | 3 .cover { position: absolute; background-color: green; opacity: 0.7; } |
4 </style> | 4 </style> |
5 <div style="height: 240px; | 5 <div style="width: 240px; |
6 padding-top: 260px; | 6 padding-left: 260px; |
7 background-color: lightyellow; | 7 background-color: lightyellow; |
| 8 writing-mode: vertical-lr; |
8 font: 40px Ahem; | 9 font: 40px Ahem; |
9 color: red; | 10 color: red; |
10 -webkit-font-smoothing: none; | 11 -webkit-font-smoothing: none; |
11 "> | 12 "> |
12 <br> | 13 <br> |
13 <br> | 14 <br> |
14 <img id="t-0"> | 15 <img id="t-0"> |
15 <ruby id="t-1">1<span id="t-2">2</span><rt id="t-3">3</rt></ruby> | 16 <ruby id="t-1">1<span id="t-2">2</span><rt id="t-3">3</rt></ruby> |
16 <span> | 17 <span> |
17 <div id="t-4" style="display: inline-block"><div id="t-5">5</div>4</div> | 18 <div id="t-4" style="display: inline-block"><div id="t-5">5</div>4</div> |
(...skipping 11 matching lines...) Expand all Loading... |
29 var clientRect = element.getClientRects()[0]; | 30 var clientRect = element.getClientRects()[0]; |
30 var cover = document.createElement("div"); | 31 var cover = document.createElement("div"); |
31 cover.className = "cover"; | 32 cover.className = "cover"; |
32 cover.style.width = clientRect.width + "px"; | 33 cover.style.width = clientRect.width + "px"; |
33 cover.style.height = clientRect.height + "px"; | 34 cover.style.height = clientRect.height + "px"; |
34 cover.style.top = clientRect.top + "px"; | 35 cover.style.top = clientRect.top + "px"; |
35 cover.style.left = clientRect.left + "px"; | 36 cover.style.left = clientRect.left + "px"; |
36 document.body.appendChild(cover); | 37 document.body.appendChild(cover); |
37 } | 38 } |
38 </script> | 39 </script> |
OLD | NEW |