Html 内部样式表基本问题 我试图创建一个带有背景的基本样式表，中间有一个窗体。
使用我的代码，背景显示，但表单不可见。当一切都说了算，我唯一需要的HTML就是表单中的文本。但现在，我需要显示表单。我确信这是我的一个心理错误，但代码如下：Html 内部样式表基本问题 我试图创建一个带有背景的基本样式表，中间有一个窗体。,html,css,Html,Css,使用我的代码，背景显示，但表单不可见。当一切都说了算，我唯一需要的HTML就是表单中的文本。但现在，我需要显示表单。我确信这是我的一个心理错误，但代码如下： <head> <title>Basic Form</title> <style type="text/css"> body { background-image:url('images/background.png');
<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>
基本形式
身体
{
背景图片：url（'images/background.png'）；
}
#主{
背景：url（'/images/form.png'）0 0不重复；
利润率：250px自动；
z指数：1；
}
0如果没有高度，则没有可用于渲染背景图像的可见区域。您没有为#main设置任何尺寸，因此宽度和高度是自动的 该div没有内容，因此高度变为
0min heightmin height此外，您忘了关闭
body
{
background-image:url('images/background.png');
}
#main{
background: url('/images/form.png') 0 0 no-repeat;
margin:250px auto;
z-index: 1;
}
body
{
background-image:url('images/background.png');
}
#main{
background: url('/images/form.png') 0 0 no-repeat;
margin:250px auto;
z-index: 1;
}
给
div一个宽度和高度，或者在其中放入一些内容，你应该会看到图像。我在你的代码中没有看到表单…检查你的z索引，从#main中删除z索引给div一个宽度和高度，或者在其中放入一些内容，你应该会看到图像。我在你的代码中没有看到表单…检查你的z索引，从#main中删除z-index你是指CSS标记中的z-index吗？我的div标签中是否需要任何实际内容才能显示？您需要停止高度为零。您可以保持CSS不变并添加内容，也可以向样式表添加高度
，最小高度
，等等。好的，谢谢！用css设置特定像素的高度是一种好的做法吗？图像确实有特定的尺寸，但不确定基于%的高度/宽度是否是更好的选择？一般来说，最好将高度保留为auto
，让内容增加元素的大小-否则内容可能溢出元素<代码>最小高度
很有用。你是说在CSS标签中？我的div标签中是否需要任何实际内容才能显示？您需要停止高度为零。您可以保持CSS不变并添加内容，也可以向样式表添加高度
，最小高度
，等等。好的，谢谢！用css设置特定像素的高度是一种好的做法吗？图像确实有特定的尺寸，但不确定基于%的高度/宽度是否是更好的选择？一般来说，最好将高度保留为auto
，让内容增加元素的大小-否则内容可能溢出元素<代码>最小高度