DIV中的显示效果不对？求解？_html/css_WEB-ITnose

            
            

关闭

        

        

            border-right:1px solid red;
border-right:1px solid red;

        

为什么文字在图片的上面？求解

回复讨论(解决方案)

你的Style里面有margin-top: -40px;所以到图片里面去了

我就是让文字出现在图片的下方的

         <div   style="max-width:90%">            border-right:1px solid red;<br />border-right:1px solid red;<br />        </div>

是由margin-top:-200px;引起的，你去掉就可以了，去掉之后文字就在图片的下面了。

把负号去掉就可以了

我是要让图片盖住文字，亲，不是文字

在图片

下方

你可以利用绝对定位来实现一个覆盖一个的效果

再给你举个例子吧，

我就是一只小鸟…………

此效果就可以实现将图片覆盖文字，如果将第二个div的z-index改为比第一个div里头的值大，则文字就会在图片上边。

margin-top:5px;

利用
position:absolute;
z-index:100;
可以实现

在HTML5中，有一种新的标签，专门用于布局图片及图片标题的，你可以看看，我给个小例子

 <figure><img src="/static/imghw/default1.png"  data-src="1.jpg"  class="lazy"  alt="img"  /><figcaption>Website analytics for October 2010</figcaption></figure>

postion:absolute;z-index:999;/*数值越大越靠上*/

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

Menjana ai hentai secara percuma.

Tunjukkan Lagi

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Repo: Cara menghidupkan semula rakan sepasukan

4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

3 minggu yang lalu By DDD

R.E.P.O. Simpan Fail Lokasi: Di ​​manakah & bagaimana untuk melindunginya?

3 minggu yang lalu By DDD

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7328

9

Tutorial Java

1626

14

Tutorial CakePHP

1350

46

Tutorial Laravel

1262

25

Tutorial PHP

1209

29

Tunjukkan Lagi