DIV中的显示效果不对？求解？_html/css

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

WBOY

Lepaskan： 2016-06-21 09:39:28

asal

1030 orang telah melayarinya

关闭

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>

Salin selepas log masuk

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

把负号去掉就可以了

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

在图片

下方

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

再给你举个例子吧，

我就是一只小鸟…………

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

margin-top:5px;

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

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

 <figure><img alt="img" src="1.jpg" /><figcaption>Website analytics for October 2010</figcaption></figure>

Salin selepas log masuk

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

Salin selepas log masuk

Label berkaitan：

DIV中的显示效果不对？求解？

sumber：php.cn

Artikel sebelumnya：HTML里关于 name 和 id_html/css_WEB-ITnose Artikel seterusnya：FF的Select为什么代码和显示不一致_html/css_WEB-ITnose

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

Artikel terbaru oleh pengarang