內部樣式表基本問題

Question

我正在嘗試創建一個帶背景的基本樣式表，並在中間創建一個表單。

使用我的代碼，背景顯示但表單不可見。 完成所有操作后，我需要的唯一HTML將是表單內的文本。 但是現在，我需要顯示表單。 我確信這是我的心理錯誤，但這里是代碼：

   <head>

   <title>Basic Form</title>

   <style type="text/css">

     body 
     {
         background-image:url('images/background.png');
     }

     #main{ 
         background: url('/images/form.png') 0 0 no-repeat; 
         margin:250px auto; 
         z-index: 1; 
     }

     </head>


  <body>
       <div id="main">

      </div>


  </body>

</html>

Answer 1

您沒有為#main設置任何尺寸，因此寬度和高度都是自動的。

該div沒有內容，因此高度變為0 。

沒有高度，沒有可見區域來渲染背景圖像。

Answer 2

如果你想看到你的div那么你需要在里面放一些東西或給它一個最小高度。

Answer 3

由於<div>沒有高度（默認寬度為100％），因此不會顯示任何背景。 您只需插入表單或至少在其上設置min-height 。

此外，您忘記關閉<style>標記。

Answer 4

如果它不是拼寫錯誤，那么<style>標簽應該在頭部內部關閉。

Answer 5

基本表格

 body 
 {
     background-image:url('images/background.png');
 }

 #main{ 
     background: url('/images/form.png') 0 0 no-repeat; 
     margin:250px auto; 
     z-index: 1; 
 }

內部樣式表基本問題

問題描述

5 個解決方案

解決方案1
2 已采納 2011-10-04 18:33:18

解決方案2
1 2011-10-04 18:33:16

解決方案3
1 2011-10-04 18:35:18

解決方案4
0 2011-10-04 18:35:47

解決方案5
0 2011-10-04 19:05:26

內部樣式表基本問題

問題描述

5 個解決方案

解決方案1 2 已采納 2011-10-04 18:33:18

解決方案2 1 2011-10-04 18:33:16

解決方案3 1 2011-10-04 18:35:18

解決方案4 0 2011-10-04 18:35:47

解決方案5 0 2011-10-04 19:05:26

解決方案1
2 已采納 2011-10-04 18:33:18

解決方案2
1 2011-10-04 18:33:16

解決方案3
1 2011-10-04 18:35:18

解決方案4
0 2011-10-04 18:35:47

解決方案5
0 2011-10-04 19:05:26