我想问一下,about部分那个文字显示在中间的图片上是如何实现的

我想问一下,about部分那个文字显示在中间的图片上是如何实现的

about标题下得部分分成了三部分,左中右,中间的图片会覆盖啊

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

about区上部分整体思路:设置一个大的div,然后设置这个div居中,注意这里的宽度要和GALLERY区的宽度一致,建议设置为1000px左右,里面3个小的div,设置浮动使显示在一行。

最后在设置一个div容纳遮罩的这部分,并使用绝对定位,要相对于上面说到的大div。

具体该填充多少值可以参考原型图。

http://img1.sycdn.imooc.com//climg/5b70f1c60001996f05350193.jpg


如果可以解决你的疑惑,一定要记得采纳我哦~

祝学习愉快!


  • 慕UI4716311 提问者 #1
    就是最左边的那个文本框,是一个单独的div然后和中间那三部分平级?然后采用绝对定位?
    2018-08-14 09:08:01
  • 妮可妮可妮_ 回复 提问者 慕UI4716311 #2
    代码是灵活不唯一的,老师给出的只是一种思路,同学可以按照这种思路尝试实现. 注意绝对定位一定要相对外面的大div哦,
    2018-08-14 09:40:19
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师