revenue-hack 31歳のWeb歴8年以上のフリーランスエンジニア。 プログラミングやエンジニアを目指そうとしてる初心者向けに、現役エンジニアとして勉強法などを発信。 副業も年間300万稼いでいて、プログラミングを教えたり、ブログ発信で収益化。 AWS SAA保持者。 Twitterでは主にブログやSEO、プログラミングに関して情報発信しています。
![読者別アクセス状況(2010/12)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ea6c03c1aaf4f89d3c58d3d409061897eab85c7/height=288;version=1;width=512/https%3A%2F%2Ftechnolog.jp%2Fwp-content%2Fuploads%2F2021%2F03%2Flinkedin_profile_image-300x300.png)
基本的な原理はCSSのz-indexプロパティによってポップアップを実現します。 z-indexプロパティはz軸つまりレイヤーの位置を表している数値で、 数値が大きいほど上のレイヤーになります。 これを用いて、実現します。 【HTML部分】 <body> <!-- ボトムレイヤー:メインコンテンツを表示 --> コンテンツの内容 <div id="wrapper"> </div><!-- ミドルレイヤー:メインコンテンツへの操作を抑止 --> <div id="msg"> </div><!-- トップレイヤー:メッセージなどを表示 --> </body> 【CSS】 /** ボトムレイヤー **/ body { position : absolute; top : 0px; left : 0px; width : 1024px; height : 960px; z-in
HEAD <!-- JS --> <script type="text/javascript" src="prototype-1.6.0.3.js" charset="utf-8"></script> <script type="text/javascript" src="scriptaculous.js?load=effects" charset="utf-8"></script> <script type="text/javascript" src="carousel.js" charset="utf-8"></script> <script type="text/javascript" src="swfobject.js" charset="utf-8"></script> <!-- CSS --> <link rel="stylesheet" type="text/css" hre
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く