2-9作业问题

第二个问题：透明部分的文字我的思路是先弄一个遮罩层然后再在上面分别写文字和按钮（绝对定位），有没有更好的方法和思路，感觉自己的有些复杂而且不好规划

还有第三个问题：我再添加文字之前，文本框和图片框是水平对齐的，但当我在文本框的区域加上文字内容后就错开了，而且我设置的 div的宽和高是一样的 .ABOUT .ABOUT-bottom{ width: 100%; margin:0 auto; } .ABOUT .ABOUT-bottom img{//图片框部分 width: 24%; height: 330px; } .ABOUT .ABOUT-bottom .bottom-comm{//文字框部分 display: inline-block; width: 24%; height: 330px; background-color: #07cbc9; font-family: "Microsoft YaHei UI"; color: #ffffff; }