: WeChat の内蔵ブラウザが Floating _html/css_WEB-ITnose と互換性がないという問題を解決した人はいますか?-htmlチュートリアル-php.cn

: WeChat の内蔵ブラウザが Floating _html/css_WEB-ITnose と互換性がないという問題を解決した人はいますか?

WBOY

リリース： 2016-06-21 09:28:01

オリジナル

1306 人が閲覧しました

<!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 やモバイルデバイスの通常のブラウザではフローティングできます。つまり、マウスをスクロールしても、最上位のレイヤーは変化しません。ただし、WeChat の組み込みブラウザでは機能しません。。どうもありがとうございます。。

ディスカッションへの返信（解決策）

これが固定位置によって引き起こされる問題かどうかを見てみましょう。

固定位置を絶対位置に変更し、正常に動作するかどうかを確認します。動作する場合は、WeChat ブラウザが固定位置をサポートしていないことを意味します。

検索: IE6 での固定位置を解決します。このために、IE6 が固定属性をサポートしていないという事実をどのように処理するかを見てみましょう。

それでは、代わりにここで試してください。

また、この段落を削除して、もう一度お試しください。ブラウザの解析モードを強制しないでください。

これは質問です。固定位置が原因かどうか見てみましょう...

実際、モバイルデバイスのブラウザと互換性があるだけで済みます。 WeChat の組み込みブラウザに加えて、ほぼすべてのブラウザに互換性があり、現在この問題を解決中です

私が言いたいのは、問題を解決するために、WeChat ブラウザは Tencent 独自のブラウザを使用しており、Tencent のブラウザはすべてコアに基づいているということです。 IEの。

そこで、この問題は固定属性をサポートしていないことが原因であるかどうかを考えました。

また、IE の最新モードと chrome=1 モードで解析する機能を追加しました。これは、問題の根本原因をさらに確認するためのものです。

それが私が言っていることです...

笑問題はモバイルシステムのバージョンにあることがわかりました。テストする他の携帯電話も見つかりました。 . ありがとうございます

ios7と互換性がある場合はどうすればよいですか？