关于图片上的表单的问题

同学你好，

1、对于第一个问题，text-algin:center只能作用于行内元素，使行内元素水平居中，所以将其转换为块级元素，就不会生效了，同学可以使用老师的上述方式，进行设置居中哦~

2、对于第二个问题，建议同学将表单设为最高层哦！因为如果将表单放入下层，将会导致form层无法进行输入值，因为遮罩层将其覆盖了哦！然后将文本框的边框和文字设置样式为灰色就可以了。

如：

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

同学你好，

1、对于margin: 20px auto;，如果同学为表单区设置了浮动或者绝对定位，则代表脱离标准文档流，所以设置margin: 20px auto;就失效了。

所以这里要实现居中，可以使用绝对定位，然后向右移动50%，再往回移动表单一半的距离。然后将div的内容进行居中，设置text-align:center 如：

2、对于第二个问题，你的理解有些偏差，这里，表单和遮罩层的div是通过定位重叠在一起的，z-index值越大显示，就应该在上边。也就是表单应该在最上面，所以表单div的z-index值应该更大一些，这样才可以显示在上面哦。然后根据opacity属性，来设置透明度。

如：

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