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 个答案: