HTML5

2021-03-26

HTML 要素の位置とサイズを取得する

ページ下部に図でも示しています。画面サイズ・ // 画面の縦サイズ（スクロールバーの幅を含む）。window.innerHeight; ・ // 画面の横サイズ（スクロールバーの幅を含む）。window.innerWidth; 画面の位置・ var rc = document.documentElement.getClien…

#html #位置 #サイズ

2019-05-25

ページ全体を半透明で覆う HTML

HTML HTML5

ページ全体を半透明で覆う HTML <html><head><meta charset="UTF-8"/><style>.filterBlack{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.7; background-color: black;}</style></head><body><div class="filterBlack"></div><div>（適当なコンテンツ内容）</div></body></html>

#html #半透明 #全体