Este es el codigo
Código HTML:
<html>
<head>
<title>My First Gadget</title>
<style>
body{width:130;height:320;
background: url('Card/tablero.png');}
#Layer1 {
position:absolute;
width:86px;
height:21px;
z-index:1;
left: 27px;
top: 149px;
}
#Layer2 {
position:absolute;
width:114px;
height:22px;
z-index:2;
left: 11px;
top: 171px;
}
#Layer8 {
position:absolute;
width:84px;
height:19px;
z-index:8;
left: 25px;
top: 84px;
}
#Layer9 {
position:absolute;
width:88px;
height:18px;
z-index:9;
left: 5px;
top: 274px;
}
#Layer10 {
position:absolute;
width:120px;
height:17px;
z-index:10;
left: 5px;
top: 294px;
}
#Layer11 {
position:absolute;
width:45px;
height:27px;
z-index:11;
left: 83px;
top: 271px;
}
</style>
<script language="JavaScript">
function pulsa(){
document.write('<img src=card/1di.png style="position:absolute; top:100; left:50">');
}
</script>
<body>
<p> </p>
<div id="Layer1"></div>
<div id="Layer9">Jugador: </div>
<p> </p>
<div id="Layer2"></div>
<div id="Layer8">Croupier: </div>
<p> </p>
<div id="Layer11">
<input type="button" value="Deal" onClick="pulsa()">
</div>
<p><br>
</p>
<div id="Layer10">Apuesta:
<input type="text" name="apuesta" size=2>
</div>
<p><br>
<br></p>
</body>
</html> Nose porque el rato que el boton llama a la funcion el background, los layers, los botones, todo desaparece y solo aparece la imagen