multicol-rule-stacking-001.xht (1131B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>multicolumn | column-count, stacking</title> 6 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"/> 7 <link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules"/> 8 <link rel="match" href="multicol-rule-stacking-ref.xht"/> 9 <meta name="flags" content="ahem"/> 10 <meta name="assert" content="The test checks that the span element, which has a higher 'z-index' stacks on top of the other elements in the multicol container." /> 11 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 12 <style type="text/css"><![CDATA[ 13 body { 14 margin: 0; 15 } 16 body>div { 17 font-family: Ahem; 18 font-size: 1em; 19 line-height: 1em; 20 color: blue; 21 background: red; 22 margin: 1em; 23 border: 1em solid gray; 24 width: 14em; 25 26 column-count: 4; 27 column-gap: 1em; 28 column-rule: 28em solid blue; 29 } 30 span { 31 color: black; 32 position: relative; 33 z-index: 1; 34 } 35 ]]></style> 36 </head> 37 38 <body> 39 40 <div> 41 xx xx 42 xx xx 43 <span>xx xx</span> 44 xx xx 45 </div> 46 47 </body> 48 </html>