クリックで全画面表示のお知らせを表示

あらかじめ非表示にしている「お知らせ」などの内容を、クリックで全画面オーバーレイ表示する。

デモページを表示

CSS

補足

• 32～45行目：動的に追加している閉じるボタンの設定。
• レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。

jQuery

補足

• 4行目：読み込み時に閉じるボタンを動的に追加している。
• デモページで使用している jQuery のバージョンは 1.12.4 。

HTML

補足

• 1行目：お知らせを表示するバー（クリックすると表示される）。
• 6～13行目：お知らせの内容は CSS で非表示にしている。