記事検索

Tai: Diary

https://jp.bloguru.com/tai

z-index

11月
11日
スレッド
z-index
（ちょっとマニアックです）

CSS (Cascading Style Sheets) にて、position プロパティを使用してブロックを配置した為に、ブロックとブロックが重なり合う事があります。

これによる弊害として、奥まったブロックにリンクを配置していた場合、見た目はまともでも、そのリンクが選択出来なくなる事があります。

その時に、どれを前面にするか、階層を指定するのがz-index というプロパティです。今まであまり自分には縁が無かったのですが、リンクが機能しなくなった為ちゃんと調べてみました。

周辺のブロックも同様に階層を変えたい場合でも、position プロパティがそのブロックに指定されている必要があるようです。

http://ja.wikipedia.org/wiki/Cascading_Style_Sheets
http://www.scollabo.com/banban/ref/sample/sample_46.html
http://www.htmq.com/style/position.shtml
#study
シェア

ワオ！と言っているユーザー

  • ブログルメンバーの方は下記のページからログインをお願いいたします。
    ログイン
  • まだブログルのメンバーでない方は下記のページから登録をお願いいたします。
    新規ユーザー登録へ
Toshiaki Nomura
Toshiaki Nomuraさんからコメント
投稿日 2008-11-11 14:24 
なるほどねぇ･･･(-。-)y-゜゜゜


分かったふりだけしておきます･･･(~_~;)

ワオ！と言っているユーザー

Tai
Taiさんからコメント
投稿日 2008-11-12 08:36 
めずらしく調べたので、ちょっと書いてみました。

ワオ！と言っているユーザー

ファルコン
ファルコンさんからコメント
投稿日 2008-11-11 18:48 
んん〜、Toshiakiさんと同様です。

ワオ！と言っているユーザー

Tai
Taiさんからコメント
投稿日 2008-11-12 08:39 
けっこう、種類が多くて。とりあへず一歩前進です。

ワオ！と言っているユーザー

koniさんからコメント
投稿日 2008-11-13 15:48 
独立したら雇ってください

ワオ！と言っているユーザー

* は必須項目です。必ずご記入ください

🙂 絵文字の使い方：
• キーボードのショートカットキー: Macの場合 - コントロール + コマンド + スペース、Windowsの場合 - Windows＋ピリオド
• コピーペースト: お好きな絵文字をこちらから選び、テキストエディタにコピーペースト
  • なし
  • 中央
  • 左
  • 右
チェックされている場合は表示されます。
画像認証
Tai
Taiさんからコメント
投稿日 2008-11-14 05:28 
良いよ。う〜ん…

ワオ！と言っているユーザー

ハッピー
悲しい
びっくり