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

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

WBOY

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

Original

1013 people have browsed it

关闭

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>

Copy after login

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

Copy after login

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

Copy after login

Related labels：

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

source：php.cn

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

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn