|
我做了一个网站 ,当用android在局域网内访问的时候出现在下面一个很纠结的问题 :
由于不能在android上截图,所有我就用电脑IE上截的图给大家讲讲。
红色在最底层,蓝色在最上面,黄色的 在中间。三个div层都各自存在得有一个onclick 事件,点击后最左边会显示出相应的值,值是没有问题,最主是的一个android的显示效果 有点问题!!
我觉得我的代码是没有问题的,但是也查不出倒底是什么原因!
希望有了解这一方面的朋友提提意见 帮帮忙 解决一下这个悲剧问题!!
注意了 :这段代码在电脑上是没有问题的!
在android 上运行出来后 点红色和黄色的交集处 就可以知道问题出在哪了!!
源码--
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
#Layer1 {position:absolute;left:121px;top:27px;width:193px;height:144px;z-index:1;background-color: #FF0000;}
#Layer2 {position:absolute;left:174px;top:46px;width:194px;height:156px;z-index:2;background-color: #CCFF00;}
#Layer3 {position:absolute;left:189px;top:69px;width:47px;height:50px;z-index:3;background-color: #0000FF;}
-->
</style>
<script type="text/javascript">
function clickLayer1(){document.getElementById("p1").innerHTML="点击层1";}
function clickLayer2(){ document.getElementById("p1").innerHTML="点击层2";}
function clickLayer3(){ document.getElementById("p1").innerHTML="点击层3";}
</script>
</head>
<body>
<div id="Layer1"></div>
<div id="Layer3"></div>
<div id="Layer2"></div>
<p id="p1">222222</p>
</body>
</html> |
|