doc_html_tooltip_arrow-02.xhtml (2067B)
1 <?xml version="1.0"?> 2 <?xml-stylesheet href="chrome://global/skin/global.css"?> 3 <?xml-stylesheet href="chrome://devtools/skin/light-theme.css"?> 4 5 <window class="theme-light" 6 xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" 7 xmlns:html="http://www.w3.org/1999/xhtml" 8 title="Tooltip test"> 9 <vbox flex="1" style="position: relative"> 10 <html:div class="anchor" 11 style="height: 5px; position: absolute; background: red; 12 top: 0; left: 0; width: 50px;"> 13 </html:div> 14 15 <html:div class="anchor" 16 style="height: 5px; position: absolute; background: red; 17 top: 10px; left: 0; width: 100px;"> 18 </html:div> 19 20 <html:div class="anchor" 21 style="height: 5px; position: absolute; background: red; 22 top: 20px; left: 0; width: 150px;"> 23 </html:div> 24 25 <html:div class="anchor" 26 style="height: 5px; position: absolute; background: red; 27 top: 30px; left: 0; width: 200px;"> 28 </html:div> 29 30 <html:div class="anchor" 31 style="height: 5px; position: absolute; background: red; 32 top: 40px; left: 0; width: 250px;"> 33 </html:div> 34 35 <html:div class="anchor" 36 style="height: 5px; position: absolute; background: red; 37 top: 50px; left: 100px; width: 250px;"> 38 </html:div> 39 40 <html:div class="anchor" 41 style="height: 5px; position: absolute; background: red; 42 top: 100px; width: 50px; right: 0;"> 43 </html:div> 44 45 <html:div class="anchor" 46 style="height: 5px; position: absolute; background: red; 47 top: 110px; width: 100px; right: 0;"> 48 </html:div> 49 50 <html:div class="anchor" 51 style="height: 5px; position: absolute; background: red; 52 top: 120px; width: 150px; right: 0;"> 53 </html:div> 54 55 <html:div class="anchor" 56 style="height: 5px; position: absolute; background: red; 57 top: 130px; width: 200px; right: 0;"> 58 </html:div> 59 60 <html:div class="anchor" 61 style="height: 5px; position: absolute; background: red; 62 top: 140px; width: 250px; right: 0;"> 63 </html:div> 64 </vbox> 65 </window>