Problem med gennemsigtig gif filer
Jeg har et lille problem, som jeg håber at der er nogle der kan hjælpe med. Jeg har lavet denne lille test sider, hvor man kan flytte rundt med med nogle bokse. En form for Drag And Drop ting. Men når jeg sætter en gif fil ind med en gennemsigtig farve, er der ikke rigtig så meget response i det første halve sekundt fra man har trykke mousedown. Nogle der kan hjælpe?Her er filen, med gif filen med:
----------------------------
<html><head><title>Drag And Drop To Log</title>
<script type="text/javascript" language="JavaScript">
<!--
var MouseLeft, MouseTop, curDiv
MouseLeft = null
MouseTop = null
curDiv = null
function SetDrag(Obj)
{
e = event;
if (e.button != 1) return true;
curDiv = Obj;
curDiv.style.zIndex = 1;
MouseLeft = e.clientX;
MouseTop = e.clientY;
document.onmousemove = function() { return Drag(); };
document.onmouseup = function() { return Drop(); };
}
function Drag()
{
e = event;
if (e.button != 1) return true;
curDiv.style.posLeft += e.clientX - MouseLeft;
curDiv.style.posTop += e.clientY - MouseTop;
MouseLeft = e.clientX;
MouseTop = e.clientY;
return false
}
function Drop()
{
curDiv.style.zIndex = 3;
document.onmousemove = null;
document.onmouseup = null;
MouseLeft = null
MouseTop = null
curDiv = null
}
-->
</script>
<style>
.DragBox
{
position:absolute;
width:70px;
height:90px;
padding-top:25px;
border:solid 2px;
text-align:center;
cursor:hand;
z-index:1;
background-color:#00FF00;
}
}
</style>
</head><body>
<b>
<div class="DragBox" onmousedown="SetDrag(this);" style="left:60px; top:180;">BOX<br>1</div>
<div class="DragBox" onmousedown="SetDrag(this);" style="left:660px; top:580;">BOX<br>2</div>
<div class="DragBox" onmousedown="SetDrag(this);" style="left:460px; top:280;">BOX<br>3</div>
</b>
<img src="../Image/cir.gif" border="0" width="452" height="452" style="position:absolute; left:170px; top:150px; z-index:0;">
</body>
</html>
----------------------------
