添加背景圖片和邊框圖像形成

Question

我已經基於jQuery一個簡單的形式 -

<center> 
    <form id="form1"> 
    <div id="registerDiv" data-role="fieldcontain" >  
    <input type="button" value="Register" id="registerButton" data-inline="true"/> 
    </div> 
    </form> 
    </center> 

我還想修改的形式，使得它有兩個背景圖片，一個背景覆蓋在按鈕（數字1 attachment - layout.png），第二個是作爲邊框的背景圖片（attachment - layout.png中的數字2）。達到此目的的最佳方法是什麼？

感謝

Answer 1

我認爲你正在尋找一切是這樣的：

#form1 { 
    background: url(/images/background1.jpg) no-repeat; 
} 

#registerDiv { 
    margin: 40px; 
    background: url(/images/background2.jpg) no-repeat; 
} 

Answer 2

CSS：

<style type="text/css"> 
    .outer {background:url(layout-outer.png);padding:12px} 
    .inner {background:url(layout-inner.png);padding:12px} 
</style> 

HTML：

<div class="outer"> 
    <form id="form1"> 
    <div class="inner"> 
     <!-- other input items as necessary --> 
     <input type="button" value="register" id="registerButton" data-inline="true" /> 
    </div> 
    </form> 
</div> 

的關鍵部分在這裏是個 '.outer'中的填充量。這基本上是你的邊框寬度。