UIライブラリに学ぶz-indexの設計 - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/tachibanayu24

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

UIライブラリに学ぶz-indexの設計 - Qiita

背景 z-indexをどのように設定していますか？はじめのうちは、一般コンテンツよりヘッダーが前で、オー... 背景 z-indexをどのように設定していますか？はじめのうちは、一般コンテンツよりヘッダーが前で、オーバーレイはさらにその前で、モーダルはもっと前で。。。と、ざっくりと相対的に決めてしまえば問題なく実装できると思います。しかし、アプリケーションが大きくなってきたり、新しい開発者がどんどん入ってきたりすると、オレオレだと辛くなってきます。私も無根拠に z-index: 99999; などと書いてしまっていましたが、「何かルールを設けては」と指摘されてしまいました。デファクトになっているようなガイドラインはないっぽいので、有名UIライブラリやOSSはどう設計しているのか、参考にするために調べてみました。 CSSフレームワーク/UIライブラリ Bootstrap 言わずとしれたBootstrapは次のように設計されています。 $zindex-dropdown: 1000 !defau

ブックマークしたユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx