Question

我最近尝试定位一个＆＃34;用户名＆＃34;和＃34;密码＆＃34; div中的字段，它的背景有一些图形。在图形中，我需要一个文本字段来定位和调整大小。我在＆＃34; spaggit.com＆＃34;的首页有一个实时视图。这是我的CSS代码：

#pageFrontMiddle {
    margin: 0px auto;
    width: 1000px;
    background-color: #F9F9F9;
    height: 590px;
    background: url('/images/frontImage.png') no-repeat;
}

这是图片：http://www.spaggit.com/images/frontImage.png

非常感谢任何帮助。提前致谢， -Jaydon。

Answer 1

虽然这不是您应该如何开发您的网站，但以下是您可以这样做的方法：

只需将relative定位放在图像包装器上，然后absolute定位在输入上，并弄乱height, width, top and left属性。

#pageFrontMiddle #input_username {
    border: 0;
    background: transparent;
    height: 51px;
    width: 365px;
    padding: 10px 20px;
    font-size: 20px;
    position: absolute;
    top: 289px;
    left: 466px;
}

JSFiddle

如何在div中定位输入标记

1 个答案: