有哪位高手解决过微信内置浏览器不兼容浮动的
日期：2014-05-16 浏览次数：20802 次
求助：有谁解决过微信内置浏览器不兼容浮动的
这个页面，pc机和移动设备的普通浏览器都能浮动，也就是鼠标滚动的时候，最上面的层保持不动，但是在微信内置的浏览器中，无效，特来求助，不胜感谢。
------解决方案--------------------
这个问题吧，你看看是不是因为固定定位惹得祸。
把固定定位改成绝对定位，然后看看是不是能正常，如果能正常那就是微信浏览器不支持固定定位了。
搜一下：IE6下解决固定定位。这个，看下IE6是怎么处理不支持fixed属性的。
然后改到这边试试。
还有，<meta?http-equiv="X-UA-Compatible"?content="IE=edge,chrome=1"?/>这段去掉再试试。不要去强制定义浏览器的解析模式。
<!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"?/>这段去掉再试试。不要去强制定义浏览器的解析模式。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
