CSS背景图像和一些分割不'；行不通

我真的有一个非常糟糕的时间与此，我的背景图像不工作。 这是我的CSS文件：

body
        {
            background-image:url('college_monitor.jpg');
            background-position:left center;
            background-repeat: no-repeat;
            background-size:contain;
        }

图像与html和css文件位于同一文件夹中

另外，我的一些css分区工作不正常，这是我的css分区：

#FullName
        {
            margin-top:10px;
            margin-left:400px;
        }
        #FirstName
        {
            font-size:0.9em;
            color: cornflowerblue;
            border: 2px solid lime;
            border-radius: 25px;
            background-color: black;
            margin: 20px; 
            width: 150px;
            text-align:center;
        }
        #FatherName
        {
            font-size:0.9em;
            color: cornflowerblue;
            border: 2px solid lime;
            border-radius: 25px;
            background-color: black;
            margin: 20px; 
            width: 150px;
            text-align:center;
        }
        #LastName
        {
            font-size:0.9em;
            color: cornflowerblue;
            border: 2px solid lime;
            border-radius: 25px;
            background-color: black;
            margin: 20px; 
            width: 150px;
            text-align:center;
        }
        #Diploma
        {
            margin-left:400px;
            font-size:0.9em;
            color: cornflowerblue;
            border: 2px solid lime;
            border-radius: 25px;
            background-color: black;
            margin: 20px; 
            width: 150px;
            text-align:center;
        }
        #HighSchool
        {
            margin-left:400px;
            font-size:0.9em;
            color: cornflowerblue;
            border: 2px solid lime;
            border-radius: 25px;
            background-color: black;
            margin: 20px; 
            width: 150px;
            text-align:center;
        }

和html文件：

<div id="FullName">
                        <div id="FirstName"><b><h3>First name:</h3></b></div>
                            <input  class="input" maxlength="10" name="first" type="text" value="" size="30" />

                        <div id="FatherName"><label><b><h3>Father name:</h3></b></div>
                            <input  class="input" maxlength="10" name="father" type="text" value="" size="30" />
                        <div id="LastName"><b><h3>Last name:</h3></b></div>
                            <input  class="input" maxlength="10" name="last" type="text" value="" size="30" />
                    </div>
                    <div id="Uni">
                        <div  id="Diploma"><h3>Diploma:</h3></b></div> 
                        <input type="radio" name="where" value="sv" size="30" /> sv
                        <input type="radio" name="where" value="sg" size="30" /> sg
                        <input type="radio" name="where" value="se" size="30" /> se
                        <input type="radio" name="where" value="lh" size="30" /> lh
                        <input type="radio" name="where" value="freshman" size="30" /> freshman


                        <div  id="HighSchool"><b><h3>High School:</h3></b></div>
                            <input  class="input" maxlength="10" name="hight" type="text" value="" size="30" />

名字：
父亲姓名：
姓氏：
文凭：
sv
sg
东南方
lh
大一新生
高中：

“左边距”在文凭和高中部门不起作用 我的代码怎么了？ 谢谢 约翰尼在你的CSS中：

#文凭{
左边距：400px；
字号：0.9em；
颜色：矢车菊蓝；
边框：2倍固体石灰；
边界半径：25px；
背景色：黑色；
利润率：20px；
宽度：150px；
文本对齐：居中；
}

margin:20px

overrides

margin left:400px表示各个方向的余量为20px。如果您正在寻找快速解决方案，只需在
#FullName
之后添加
#Uni
，如下所示

#全名#Uni{
边缘顶部：10px；
左边距：400px；
}

对于背景问题，我创建了一个if，它可以很好地处理我的图像。如果您提供的HTML都是HTML代码，那么您可能应该在其中添加
标记。如果它仍然无法工作，则图像文件一定有问题，请尝试重新生成它或使用其他文件

顺便说一句，你真的应该美化你的HTML/CSS代码（至少适当地缩进它）
 在CSS中：

#文凭{
左边距：400px；
字号：0.9em；
颜色：矢车菊蓝；
边框：2倍固体石灰；
边界半径：25px；
背景色：黑色；
利润率：20px；
宽度：150px；
文本对齐：居中；
}

margin:20px
overrides
margin left:400px表示各个方向的余量为20px。如果您正在寻找快速解决方案，只需在
#FullName
之后添加
#Uni
，如下所示

#全名#Uni{
边缘顶部：10px；
左边距：400px；
}

对于背景问题，我创建了一个if，它可以很好地处理我的图像。如果您提供的HTML都是HTML代码，那么您可能应该在其中添加
标记。如果它仍然无法工作，则图像文件一定有问题，请尝试重新生成它或使用其他文件

顺便说一句，你真的应该美化你的HTML/CSS代码（至少适当地缩进它）
 “不工作”对您意味着什么？背景图像不出现。您确定图像路径正确吗？你怎么确定？确保它被正确加载，100%确定路径，并且它位于同一文件夹中also@JohnyHimmler尝试检查控制台是否有错误？对您来说“不工作”意味着什么？背景图像不显示。您确定图像路径正确吗？你怎么确定？确保它被正确加载，100%确定路径，并且它位于同一文件夹中also@JohnyHimmler尝试检查控制台是否有错误？注释不用于扩展讨论；这段对话已经结束了。@Nostophia谢谢兄弟，我怎么能在同一个地方显示两张图片，每3秒钟显示一张，然后再显示第二张。我也希望这种过渡的风格，如淡入淡出或推动或擦拭一样的电源点。非常感谢，Johny。@Nostophilia我对编程有点陌生，所以如果你能解释一下这个jQuery的每一步，因为我不理解它。我真的很抱歉这么烦人。对于聊天部分，我不知道通知和标签在其中是如何工作的，如果你有任何想法，请告诉我主持人的观点是“评论不用于扩展讨论”。我在这里和聊天区发布了这条消息，请告诉我您在哪里看到的。再次感谢。评论不用于扩展讨论；这段对话已经结束了。@Nostophia谢谢兄弟，我怎么能在同一个地方显示两张图片，每3秒钟显示一张，然后再显示第二张。我也希望这种过渡的风格，如淡入淡出或推动或擦拭一样的电源点。非常感谢，Johny。@Nostophilia我对编程有点陌生，所以如果你能解释一下这个jQuery的每一步，因为我不理解它。我真的很抱歉这么烦人。对于聊天部分，我不知道通知和标签在其中是如何工作的，如果你有任何想法，请告诉我主持人的观点是“评论不用于扩展讨论”。我在这里和聊天区发布了这条消息，告诉我你在哪里看到的。再次感谢。