ホームページ > 記事 > ウェブフロントエンド > ボックスを上書きすると、背景は覆われますが、テキストは覆われません。 _html/css_WEB-ITnose
ボックスを上書きすると、背景は覆われますが、テキストは覆われません。 _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:40:182315ブラウズ
上のボックスは下のボックスの背景を覆うことができますが、下のテキストを覆うことはできません。どのように設定しますか?
ディスカッションに返信（解決策）
コードを送って見てください。そうでないと説明が難しくなります
z-index の値を設定します（http://www.w3school.com.cn/） css/pr_pos_z-index.asp
b55f8a0f7b3a53a5f7cfd5a96dd44749 こんにちは076402276aae5dbec7f672f8f4e5cc81テスト
16b28748ea4df4d9c2150843fecfba68
7e8463d69bc36e1e22922d0f6c288fc5
hello20c6dc11e160d3b678d68754cc175188a ;0b9f73f8e206867bd1f5dc5957dbcb38test2
950c0e09a208ea6a6c67c615a801fbc6
上のテストは背景色を通して見ることができます。
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を使用して設定することができます。ユーザー
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。