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;/*数值越大越靠上*/
로그인 후 복사
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
-
2025-02-24 12:36:12
-
2025-02-24 12:11:09
-
2025-02-24 12:06:10
-
2025-02-24 12:04:13
-
2025-02-24 12:03:10
-
2025-02-24 12:02:09
-
2025-02-24 12:01:10
-
2025-02-24 12:00:16
-
2025-02-24 11:59:10
-
2025-02-24 11:58:14
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
