私は Chrome インスペクタを使用してz-indexTwitter Bootstrap ポップオーバーを分析しようとしていますが、非常にイライラしています...
関連する CSS を評価および変更できるように、ポップオーバーを (表示されている間に) フリーズする方法はありますか?
関連リンク上に固定の「ホバー」を配置しても、ポップオーバーは表示されません。
ベストアンサー1
動作しました。手順は次のとおりです。
- 目的のページを参照する
- 開発コンソールを開きます - F12Windows/Linuxの場合、またはmacOSの場合option++⌘J
SourcesChromeインスペクタでタブを選択する- ウェブブラウザウィンドウで、目的の要素にマウスを移動してポップオーバーを開始します。
- ポップオーバーが表示されている間に、F8Windows/Linux では ( macOS ではfn+ )を押します。実際のページのどこかをクリックした場合は、F8 は何も起こりません。最後のクリックは、ソースタブなどのインスペクタ内のどこかである必要があります。F8
Elementsインスペクタのタブに移動- ポップオーバーを見つけます（トリガー要素のHTMLにネストされます）
- CSSを変更して楽しんでください