内部样式表基本问题

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