ホームページ >ウェブフロントエンド >htmlチュートリアル >ヘルプ: WeChat の組み込みブラウザが Floating _html/css_WEB-ITnose と互換性がないという問題を解決した人はいますか?
ヘルプ: WeChat の組み込みブラウザが Floating _html/css_WEB-ITnose と互換性がないという問題を解決した人はいますか?
- WBOYオリジナル
- 2016-06-24 12:26:141515ブラウズ
<!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 が固定属性をサポートしていないという事実をどのように処理するかを見てみましょう。
それでは、代わりにここで試してみてください。
また、251dc5d12237b1029385be3c8595f92c この段落を削除して、もう一度お試しください。ブラウザの解析モードを強制しないでください。
この質問をしてみましょう。固定位置が原因かどうか見てみましょう...
実際、モバイル デバイスのブラウザと互換性があるだけで済みます。 WeChat を除いて、ほぼすべての互換性があります。組み込みブラウザがこの問題を解決しています
私が言いたいのは、WeChat ブラウザが Tencent 独自のブラウザを使用しており、Tencent のブラウザはすべて のコアに基づいているということです。いえ。
そこで、この問題は固定属性をサポートしていないことが原因なのか考えてみました。
また、IE の最新モードと chrome=1 モードで解析する機能を追加しました。これは、問題の根本原因をさらに確認するためのものです。
私が言いたいのは...
ハハ、問題が何であるかはわかっています。テストする他の携帯電話が見つかりました。ありがとうございます。あなた