| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>shape-outside-floats-ellipse-000-reference.html</title> | 2 <title>shape-outside-floats-ellipse-000-reference.html</title> |
| 3 <link rel="author" title="Adobe" href="http://html.adobe.com/"> |
| 3 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com"> | 4 <link rel="author" title="Bem Jones-Bey" href="mailto:bjonesbe@adobe.com"> |
| 4 <meta name="flags" content="ahem dom"> | 5 <meta name="flags" content="ahem dom"> |
| 5 <style> | 6 <style> |
| 6 .container { | 7 .container { |
| 7 position: relative; | 8 position: relative; |
| 8 font: 20px/1 Ahem, sans-serif; | 9 font: 20px/1 Ahem, sans-serif; |
| 9 width: 500px; | 10 width: 500px; |
| 10 height: 200px; | 11 height: 200px; |
| 11 border: 1px solid black; | 12 border: 1px solid black; |
| 12 } | 13 } |
| 13 | 14 |
| 14 .ellipse { | 15 .ellipse { |
| 15 width: 320px; | 16 width: 320px; |
| 16 height: 160px; | 17 height: 160px; |
| 17 border-radius: 160px / 80px; | 18 border-radius: 160px / 80px; |
| 18 border: 1px solid blue; | 19 border: 1px solid blue; |
| 19 } | 20 } |
| 20 | 21 |
| 21 #left-ellipse-outline { | 22 #left-ellipse-outline { |
| 22 position: absolute; | 23 position: absolute; |
| 24 z-index: -1; |
| 23 top: 20px; | 25 top: 20px; |
| 24 left: 0px; | 26 left: 0px; |
| 25 } | 27 } |
| 26 | 28 |
| 27 #right-ellipse-outline { | 29 #right-ellipse-outline { |
| 28 position: absolute; | 30 position: absolute; |
| 31 z-index: -1; |
| 29 top: 20px; | 32 top: 20px; |
| 30 right: 0px; | 33 right: 0px; |
| 31 } | 34 } |
| 32 | 35 |
| 33 .left-ellipse-float-line { | 36 .left-ellipse-float-line { |
| 34 float: left; | 37 float: left; |
| 35 clear: left; | 38 clear: left; |
| 36 height: 20px; | 39 height: 20px; |
| 37 } | 40 } |
| 38 | 41 |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 86 roundedRect: {x: 0, y: 20, width: 321, height: 160, rx: 160, ry: 80}, | 89 roundedRect: {x: 0, y: 20, width: 321, height: 160, rx: 160, ry: 80}, |
| 87 containerWidth: 500, | 90 containerWidth: 500, |
| 88 containerHeight: 200, | 91 containerHeight: 200, |
| 89 lineHeight: 20, | 92 lineHeight: 20, |
| 90 floatElementClassSuffix: "ellipse-float-line", | 93 floatElementClassSuffix: "ellipse-float-line", |
| 91 insertElementIdSuffix: "ellipse-outline" | 94 insertElementIdSuffix: "ellipse-outline" |
| 92 }); | 95 }); |
| 93 </script> | 96 </script> |
| 94 | 97 |
| 95 </html> | 98 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 23866007:
Fix painting order for floats with shape-outside (Closed)
Base URL: svn://svn.chromium.org/blink/trunk