mirror of
https://github.com/classilla/tenfourfox.git
synced 2026-04-19 06:25:12 +00:00
Cameron Kaiser
36 lines
894 B
HTML
36 lines
894 B
HTML
<?xml version="1.0" encoding="utf-8"?>
|
||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<title>Drag and drop of overlapping links: fixed position</title>
|
||
<style type="text/css">
|
||
span, strong
|
||
{color:green;
|
||
background-color:yellow;}
|
||
strong
|
||
{color:red;}
|
||
div
|
||
{height:2em;
|
||
position:fixed;
|
||
top:10px;
|
||
left:10px;}
|
||
div + div
|
||
{z-index:2;}
|
||
p
|
||
{margin-top:3em;}
|
||
</style>
|
||
<script type="application/ecmascript">
|
||
function start(event,feedback)
|
||
{event.dataTransfer.effectAllowed = 'copy';
|
||
event.dataTransfer.addElement(document.querySelector(feedback));}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div>
|
||
<a href="data:text/plain,1" ondragstart="start(event,'strong')"> </a>
|
||
</div>
|
||
<div>
|
||
<a href="data:text/plain,2" ondragstart="start(event,'span')">Link</a>
|
||
</div>
|
||
<p>Try to drag link above. You should see word <span>PASS</span> not <strong>FAIL</strong> in feedback overlay all the time.</p>
|
||
</body>
|
||
</html> |