如何将文字部分放在图片上

来源:4-3 项目作业

慕仰0394571

2019-12-09 16:12:38


http://img.mukewang.com/climg/5dee01bf0818116b07501000.jpg请问如何实现文字部分放在图片之上

写回答

1回答

好帮手慕小班

2019-12-09

同学你好,建议同学参考以下思路完成:

    1、设置一个大的div,包裹里面的几个小div,然后设置这个div合适的宽高,以及外边距自适应:  margin: **px  auto; 居中展示,然后设置里面的小div浮动使显示在一行。

http://img.mukewang.com/climg/5dee249a0915224105060174.jpg

    2、然后设置一个div容纳遮罩的这部分,并使用绝对定位,要相对于上面说到的大div,使用定位将这个遮罩层部分定位在与图片交叉的地方

http://img.mukewang.com/climg/5dee24f209445bb006930252.jpg

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

1

0 学习 · 9666 问题

查看课程