日期:2014-05-16  浏览次数:20663 次

求助:有谁解决过微信内置浏览器不兼容浮动的

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>浮动测试</title>
<style type="text/css">
#mcover {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); text-align:right; display:block; height: 100%;left: 0; position: fixed; top: 0; width: 100%; z-index: 2000000;}
</style>

<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />



</head>
<body>

<div style="width:310px; height:1000px; margin:0px auto; border:1px #000000 solid">

<div style="" onclick="document.getElementById('mcover').style.display='';" id="mcover"><img src="http://img.my.csdn.net/uploads/201401/11/1389420919_5249.png"></div>

</div>

</body>
</html>


这个页面,pc机和移动设备的普通浏览器都能浮动,也就是鼠标滚动的时候,最上面的层保持不动,但是在微信内置的浏览器中,无效,特来求助,不胜感谢。

------解决方案--------------------
这个问题吧,你看看是不是因为固定定位惹得祸。

把固定定位改成绝对定位,然后看看是不是能正常,如果能正常那就是微信浏览器不支持固定定位了。

搜一下:IE6下解决固定定位。这个,看下IE6是怎么处理不支持fixed属性的。

然后改到这边试试。

还有,<meta?http-equiv="X-UA-Compatible"?content="IE=edge,chrome=1"?/>这段去掉再试试。不要去强制定义浏览器的解析模式。