Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <style> | |
| 3 .fixed { | |
| 4 position: fixed; | |
| 5 } | |
| 6 | |
| 7 .composited { | |
| 8 /* Force compositing without creating a stacking context */ | |
| 9 backface-visibility: hidden; | |
| 10 } | |
| 11 | |
| 12 .spacer { | |
| 13 height: 2000px; | |
| 14 } | |
| 15 | |
| 16 .container { | |
| 17 width: 500px; | |
| 18 height: 500px; | |
| 19 overflow: scroll; | |
| 20 } | |
| 21 </style> | |
| 22 | |
| 23 <div class="composited fixed"> | |
| 24 There are two lines below: | |
| 25 <div class="composited container"> | |
|
flackr
2017/05/17 19:44:03
No need to separately composite anything for the e
yigu
2017/05/17 20:28:14
Right. We only need to composite the outer div for
| |
| 26 <div> | |
| 27 First line. <br> | |
| 28 Second line. | |
| 29 </div> | |
| 30 <div class="spacer"></div> | |
| 31 </div> | |
| 32 </div> | |
| OLD | NEW |