esta es la solución solo hay que probarla en varios navegadores
llegue ha esto gracias a IsaBelM la cual me dio la contestación y solo fui modificando el código, para que sea mas amistoso, aunque ninguno habla de como usar background-position fui poco a poco jugando con valores hasta encontrarlos
mil gracias isabel ya que esto puede ayudar a muchos
pero alguien sabe para que el el valor null en este código
aparte abajo les dejo otro código, para que vean lo sencillo que es esto y se que le va ha servir de mucho, prueben los codigos
en total de códigos 2
este es el primer código
Código Javascript
:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
#ttt{
position: absolute;
background-color: red;
left:14px;
top:178px;
height:39px;
background-position: 0 -30px;
}
div.special{
background-position: 0 -50px;
background-color: red;
height: 100px;
width:100px;
}
</style>
<script>
function solo_explorer() {
var valor1 = document.getElementById("ddd").currentStyle.backgroundPositionY;
var valor2 = document.getElementById("ddd").currentStyle.backgroundPositionX;
document.getElementById("ou").innerHTML = valor2 +" "+ valor1;
}
function cualquier_navegador(){
var elem = document.getElementById("ttt");
var valor = window.getComputedStyle(elem,null).getPropertyValue("background-position");
document.getElementById("output").innerHTML = valor;
}
</script>
</head>
<body>
<div id="ddd" class="special">explorer</div>
<input type="button" value="solo explorer" onclick="solo_explorer()" />
<div id="ou">valores de la capa por explorer</div>
<hr />
<br />
<br />
<br />
<div id="ttt">cualquier navegador menos explorer</div>
<input type="button" value="cualquier navegador" onclick="cualquier_navegador();" />
<div id="output">valores de la capa por cualquier navegador</div>
</body>
</html>