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

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

WBOY

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

Original

1030 Leute haben es durchsucht

关闭

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>

Nach dem Login kopieren

是由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>

Nach dem Login kopieren

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

Nach dem Login kopieren

Verwandte Etiketten：

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

Quelle：php.cn

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

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors