Rumah > hujung hadapan web > html tutorial > 如何在登录页面的图片中精确放置输入框?_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 11:51:24
asal
1998 orang telah melayarinya

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


回复讨论(解决方案)

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

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

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

最要紧的是找块好图片

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

这个问题以前碰到过

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan