在做某项目登录界面时，发现用户密码框在Chrome自动填充时，input中的背景框会被遮住。网上也搜了一下，没有一个有效的解决方法。
来看csdn的登录界面，也有这个问题。
后来在浏览网页时，无意中发现某网站的登录页面没有这个问题，于是分析了下它的css，照着试了一下，真的完美解决。我做的效果：
原理很简单，下面一个 div，上面放 div(显示图片) + input，把图片div放在input的上面。
图片div
在Chrome浏览器中，当自动填表功能启用时，输入框的背景图片可能会被遮挡。通过分析某个网站的CSS，找到了一个解决方法。设置一个包含背景图片的div，并将其置于input之上，通过调整z-index和相对定位实现不被遮挡的效果。具体CSS样式包括设置背景图片、定位以及输入框的样式调整。
最低0.47元/天 解锁文章
扫一扫
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
