※ ChatGPTを利用し、要約された質問です(原文:luxbarのIE表示について)
luxbarのIE表示について
このQ&Aのポイント
luxbarのIE表示について調べてみましたが、IEでは表示がうまくいかないようです。
luxbarは便利なハンバーガーメニューの作成ツールですが、IEでは非対応のようです。
luxbarを使用してハンバーガーメニューを作成しましたが、残念ながらIEでは表示できませんでした。
HP作成でハンバガーメニューの作成が難しく、ネットで探していたらluxbarが便利そうでした。早速作成して色々なブラウザで検証してみたのですがIEのみ表示が上手くできません非対応なのでしょうか?
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="https://cdn.rawgit.com/balzss/luxbar/ae5835e2/build/luxbar.min.css">
</head>
<body>
<div class="luxbar luxbar-static">
<input type="checkbox" id="luxbar-checkbox" class="luxbar-checkbox">
<div class="luxbar-menu luxbar-menu-right luxbar-menu-dark">
<ul class="luxbar-navigation">
<li class="luxbar-header">
<a class="luxbar-brand" href="#">Brand</a>
<label class="luxbar-hamburger luxbar-hamburger-doublespin"
for="luxbar-checkbox"> <span></span> </label>
</li>
<li class="luxbar-item active"><a href="#">Home</a></li>
<li class="luxbar-item dropdown"><a href="#">Users</a>
<ul>
<li class="luxbar-item" ><a href="#">Max</a></li>
<li class="luxbar-item" ><a href="#">Edgar</a></li>
<li class="luxbar-item" ><a href="#">John</a></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
お礼
検証したらうまく表示しました!ありがとうございました。
補足
検証したらうまく表示しました!ありがとうございました。が、どのブラウザもハンバーガーメニュにした時、階層下メニューは開いたままでした。これを閉じた状態から開くように修正できないのでしょうか?