如何在登录页面的图片中精确放置输入框?_html/css_WEB-ITnose
程序员文章站
2022-05-27 20:03:53
...
如下图的登录图片,图中预留了用户名、密码、确定按钮等位置,请问如何把我的户名、密码输入框精确放到图片的位置中?如果图片在各种分辨率的显示下居中的话,户名、密码输入框的left位置应该是不一样的吧,如何兼容各种分辨率呢?请各位高人指教!
回复讨论(解决方案)
先把大图的的DIV的css设置为position:relative,再用position:absolute定位一个DIV,最后就在这个DIV中写form表单就是了。
和分辩率也没啥关系吧!
背景图片写在body里,background:url(xx.jpg) no-repeat center top
你内容容器,直接写宽度,然后margin:0 auto;这样不就一直在中间的么?
谢谢,我先来试试,试验成功就来结贴!
最要紧的是找块好图片
你可借助绘图工具farmework、photoshop都提供可页面生成功能,均可实现精确定位
这个问题以前碰到过
上一篇: PHP json格式化成数组 怎么办
下一篇: Kaldi安装编译