图像内的HTML元素？

我犯了一个容器，它由3个图像图像内的HTML元素？

frost_frame_top.png 
    frost_frame_body.png 
    frost_frame_bottom.png

我的登录页面，看起来像这样

enter image description here

我在它的的CSS这样做了

#loginframe_top, #loginframe_center, #loginframe_bottom 
    { 
     vertical-align: bottom; 
    }

我喜欢在图像内添加一些元素，如文本框，按钮和标签。我怎样才能做到这一点？我是网络开发新手，希望我能找到一些答案。谢谢

来源

2014-10-04 n00b

您不能在<image>标记内嵌套其他元素。即使它以某种方式在一个浏览器中运行，它也可能在其他浏览器中失败，因为它是自闭标签。

取而代之，您的目的使用正确的元素： textarea, Button和Label。这听起来像你需要将它们全部嵌套在表单中，以便以简单的方式工作（例如，如果你不打算使用javascript进行验证）。

来源

2014-10-04 11:06:38 Shahar

创建一个div“容器”要在其中添加文本框，按钮和标签，并给予绝对位置，以

.container{position absolute; top:0px;}

，并把两个图像的div和div容器在父DIV，并给它的位置：相对

来源

2014-10-04 11:07:14 himanshu

@的n00b你是如何做到的 – himanshu 2014-10-04 11:23:19

我不知道如何正确地做到这一点，但是这是我怎么 [做到了（HTTP：//引擎收录.com/LuvuWCLj），并出现 [像这样]（http://i.imgur.com/K9YORKZ.png）唯一的问题是它保持左对齐..我希望它是中心 – n00b 2014-10-04 11:25:31

也许你可以创建一个div作为背景，并在你使用元素的div里面。

<div class="container"> 
<input type="text" /> 
<input type="submit" />  
</div> 

.container { 
height:346px; 
width:678px; 
background:url(http://i.stack.imgur.com/ZsWHu.png) no-repeat;

}

http://jsfiddle.net/0jvhzo6g/

来源

2014-10-04 14:23:00 Robin

图像内的HTML元素？

回答

相关问题