Search Bloguru posts

Tai: Diary

https://en.bloguru.com/tai

z-index

thread
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

People Who Wowed This Post

  • If you are a bloguru member, please login.
    Login
  • If you are not a bloguru member, you may request a free account here:
    Request Account
Toshiaki Nomura
Commented by Toshiaki Nomura
Posted at 2008-11-10 21:24

なるほどねぇ・・・(-。-)y-゜゜゜


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

People Who Wowed This Post

Tai
Commented by Tai
Posted at 2008-11-11 15:36

めずらしく調べたので、ちょっと書いてみました。

People Who Wowed This Post

ファルコン
Commented by ファルコン
Posted at 2008-11-11 01:48

んん〜、Toshiakiさんと同様です。

People Who Wowed This Post

Tai
Commented by Tai
Posted at 2008-11-11 15:39

けっこう、種類が多くて。とりあへず一歩前進です。

People Who Wowed This Post

Commented by koni
Posted at 2008-11-12 22:48

独立したら雇ってください

People Who Wowed This Post

* indicates required fields

🙂 Using emojis in your blog:
• Keyboard shortcuts: For Mac, press [Ctrl + Cmd + Space]; for Windows, press [ Windows Key + . ]
• Copy and paste: Find a list of emojis and paste them into the text field.
  • none
  • center
  • left
  • right
If checked, your avatar will be displayed
Captcha
Tai
Commented by Tai
Posted at 2008-11-13 12:28

良いよ。う〜ん…

People Who Wowed This Post

Happy
Sad
Surprise