2

現在、Bootstrap 3、特に Jasny Off Canvas Reveal Menu テンプレートを使用しています。こちらを参照してください。

https://jasny.github.io/bootstrap/examples/navmenu-reveal/

すべてがうまく機能していますが、ハンバーガーメニューアイコンをクリックしてサイドメニューを表示するときにどのクリックイベントが発生するかわからないため、達成したいことと方法がわかりませんが、基本的にはここで結果を達成したいこのサイトで、上記の Jasny の例でメニュー アイコンを押すと、次のように表示されます。

http://material-ui.com/#/

ここ Material-UI サイトでは、メニューが表示されるとメニューの右側にあるメイン コンテンツ/キャンバスが暗くなり、サイド メニューが消えると元の状態に戻ります。

ジャスニー オフ キャンバスの例のメニュー クリックを明らかにしたいと思います。ただし、主なことは、IE8 ブラウザーで動作する必要があることです。

4

1 に答える 1

0

次の CSS を追加するだけです。

.canvas-slid:after,
.canvas-sliding:after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: auto;
    z-index: 9999;
    background: rgba(0,0,0,0.5) !important;
    background: url(./alpha.png);
}

IE<=8 は rgba() をサポートしていないため、1x1px 50%alpha-PNG を BGimage 1として使用できます。

于 2014-12-22T07:35:58.290 に答える