Maison > interface Web > tutoriel HTML > le corps du texte

如何在登录页面的图片中精确放置输入框?_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:51:24
original
1982 Les gens l'ont consulté

如下图的登录图片,图中预留了用户名、密码、确定按钮等位置,请问如何把我的户名、密码输入框精确放到图片的位置中?如果图片在各种分辨率的显示下居中的话,户名、密码输入框的left位置应该是不一样的吧,如何兼容各种分辨率呢?请各位高人指教!


回复讨论(解决方案)

先把大图的的DIV的css设置为position:relative,再用position:absolute定位一个DIV,最后就在这个DIV中写form表单就是了。

和分辩率也没啥关系吧! 
背景图片写在body里,background:url(xx.jpg) no-repeat center top
你内容容器,直接写宽度,然后margin:0 auto;这样不就一直在中间的么?

谢谢,我先来试试,试验成功就来结贴!

最要紧的是找块好图片

你可借助绘图工具farmework、photoshop都提供可页面生成功能,均可实现精确定位

这个问题以前碰到过

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal