コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > ボックスを上書きすると、背景は覆われますが、テキストは覆われません。 _html/css_WEB-ITnose

ボックスを上書きすると、背景は覆われますが、テキストは覆われません。 _html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-06-21 09:40:18
オリジナル
2425 人が閲覧しました

上のボックスは下のボックスの背景を覆うことができますが、下のテキストを覆うことはできません。どのように設定しますか?

ディスカッションに返信（解決策）

コードを送って見てください。そうでないと説明が難しくなります

z-index の値を設定します（http://www.w3school.com.cn/） css/pr_pos_z-index.asp


hello2
;
test2
< /div>

上のテストは背景色を通して見ることができます。

Position:relative;
位置決めはOKです、これを両方のスタイルに追加してください 

<div style=" border:1px solid red; width:50px; position:absolute ; background-color: gray;  z-index:10; "  > hello<br/> hello<br/>test   </div><div style=" border:1px solid green; width:50px;position:absolute; background-color: yellow;  z-index:0; top:30px;  "  >hello2<br></br>test2</div>
ログイン後にコピー

位置を絶対に変更した後、z-indexを使用して設定することができます。ユーザー

関連ラベル：
框覆盖时会覆盖背景但不覆盖文字，如何设置？
前の記事：それぞれの高さに合わせて要素をどのように組み合わせて配置するのでしょうか? _html/css_WEB-ITnose 次の記事：ie9 は Web ページを local_html/css_WEB-ITnose として保存できません
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
リモート ウェアハウスを git に追加した後、プッシュできません
から 1970-01-01 08:00:00
0
0
0
Objective-C のブロックと Swift のクロージャの違いは何ですか?
から 1970-01-01 08:00:00
0
0
0
github - git は特定のサフィックスを除くすべてのファイルを無視できますか
から 1970-01-01 08:00:00
0
0
0
object-c - この cas ファイルを偶然見ましたか?これはどのように書かれているか聞いてもいいでしょうか？
から 1970-01-01 08:00:00
0
0
0
bash での git 完了エラー
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート