034-manual.html (608B)
1 <!DOCTYPE html> 2 <?xml version="1.0" encoding="utf-8"?> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>Drag and drop of overlapping elements: negative margins</title> 6 <style type="text/css"> 7 div 8 {height:100px; 9 width:100px; 10 margin-top:-50px; 11 background-color:navy;} 12 div:nth-child(odd) 13 {background-color:maroon; 14 margin-left:50px;} 15 div[draggable] 16 {background-color:teal;} 17 </style> 18 </head> 19 <body> 20 <div></div> 21 <div></div> 22 <div draggable="true"></div> 23 <div></div> 24 <div></div> 25 <div draggable="true"></div> 26 <div></div> 27 <div></div> 28 <p>Only green areas should be draggable.</p> 29 </body> 30 </html>