schipperke0614 https://blog.hatena.ne.jp/schipperke0614/ Webメーカーしっぱ https://schipperke0614.hatenadiary.org/ サイト構築 CSS2.1 javascript LightBoxのイメージ つまり単純に言えば、ブラウザの上にposition:absolute指定のdivが二つ乗っているだけです。 LightBox背景 ここに書いてあるものはあくまでも初期設定です。 実は不可視にしてあるだけで存在しています。 ここではposition:fixになっていますが、この直後にabsoluteで上書きしますので気にせずそのままです。 高さ、幅に関しては１００％指定になっています。 個人的にはjsvascriptで設定したいところですが、heightとwidthでCSS上に設定してあればクロスブラウザ対応が不要になるのでこちらのほうが望ましいです。あとは背景の色と… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fschipperke0614.hatenadiary.org%2Fentry%2F20120616%2Fp3" title="自家製LightBox作成のポイント解説 - Webメーカーしっぱ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://art9.photozou.jp/pub/686/2588686/photo/139561294_org.v1339873656.jpg Hatena Blog https://hatena.blog 2012-06-16 00:00:02 rich https://schipperke0614.hatenadiary.org/entry/20120616/p3 1.0 100%