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