问题描述

如何解决网页元素穿透？

如图：

一个简单的登录页
一个email框
一个密码框
一个图上被穿透的input（图片背景）
如何解决？

解决方案

1、提示框和邮箱格式错误，可以通过z-index来解决
两个建议：1，邮箱格式错误提示应该在输入完成后，就是input失去焦点后再提示，2，如果非要在输入过程中判断，那么吧提示放在输入框后面
2、密码框的那个眼睛，如果是浏览器自带的特性，这个就需要把代码贴出来慢慢调，如果是自己写的图片，同样也是通过z-index来解决

解决方案二：
这不是浏览器的问题吧，你div设计时出了问题，特别是格式验证错误信息的显示位置，要么设计在两边，要么就在z-index里将其设计为顶层