圖像內的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元素？

回答

相關問題