Lager meny som överlappar inputfält med markör så lyser markören igenom lagret.

Vad jag har förstått så går det inte att få ett lager att överlappa markören men kan man på nått sätt dölja markören under tiden lagret är öppet? Eller går det att plocka bort markören och sedan sätta tillbaka den på exakt samma stäle när lagret döljs?

Ja, visst med focus() och blur()

<style type="text/css">
#myDiv{
	position:absolute;
	width:500px;
	height:250px;
	border:1px solid blue;
	background:white;
	z-index: 2;
}
#myButton{
	position:absolute;
	top:271px;
	z-index: 10;
}
</style>
<script type="text/javascript">
window.onload=function(){
document.forms['foo'].elements['bar'].focus();
document.getElementById('myDiv').style.display = "none";
};
function showhide(){
if(document.getElementById('myDiv').style.display=="none"){
		document.getElementById('myDiv').style.display = "block";
		document.forms['foo'].elements['bar'].blur();
	}else{
		document.getElementById('myDiv').style.display = "none";
		document.forms['foo'].elements['bar'].focus();
	}
};
</script>

<div id="myDiv">Lager</div>
<div id="myButton"><button onclick="javascrip:showhide();">Visa/dölj</button></div>
<form name="foo">
<input type="text" id="bar">
</form>