Javascript html/css中的网站页面背景_Javascript_Html_Css_Image

Javascript html/css中的网站页面背景

javascript html css image

Javascript html/css中的网站页面背景,javascript,html,css,image,Javascript,Html,Css,Image,这是我的代码。我的图像尺寸是1024X768，但我得到了一个左右滚动条。当我向右滚动时，我从我的总图像中得到了一个黑色背景。帮帮我正文{ 背景图片：url（'stareffect1.jpg'）； } h1{ 位置：相对位置；左：480px； } 表格#编辑1{ 位置：相对位置；顶部：58px；左：341px； } 表格#编辑2{ 位置：相对位置；顶部：67px；左：341px； } 克里斯是对的，你的html格式不好。尝试嵌套标签，如下所示 <html>

这是我的代码。我的图像尺寸是1024X768，但我得到了一个左右滚动条。当我向右滚动时，我从我的总图像中得到了一个黑色背景。帮帮我

正文{
背景图片：url（'stareffect1.jpg'）；
}
h1{
位置：相对位置；
左：480px；
}
表格#编辑1{
位置：相对位置；
顶部：58px；
左：341px；
}
表格#编辑2{
位置：相对位置；
顶部：67px；
左：341px；
}

克里斯是对的，你的html格式不好。尝试嵌套标签，如下所示

<html>
<head>

<style type="text/css">

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

h1
{
   position: relative;
   left:  480px;       
}   

form #Edit1 
{ 
   position:relative; 
   top:58px; 
   left:   341px; 
}

form #Edit2 
{ 
   position:relative; 
   top:67px; 
   left:41px; 
}


</style>

</head>

<body>

<img src="banner.jpg" width="500" height="70" />

<style type="text/css">
body {background-image:url('stareffect1.jpg');}
</style>
</head>

<style type="text/css">
h1
 {
        position: relative;
        left:  480px;       
        }   
form #Edit1 { position: relative; 
               top:    58px; 
               left:   341px; 
              }
form #Edit2 { position: relative; 
               top:    67px; 
               left:   341px; 
              }

</style>

<hr/>
<br/>

<a href="forum.php"><div style="position:absolute; left:347px; top:165px;"><img src="images/forum.jpg"/></div></a>
<a href="credits.php"><div style="position:absolute; left:481px; top:165px;"><img src="images/credits.jpg"/></div></a>

<a href="rules.php"><div style="position:absolute; left:615px; top:165px;"><img src="images/rules.jpg"/></div></a>
<a href="logout.php"><div style="position:absolute; left:740px; top:165px;"><img src="images/logout.jpg"/></div></a>

<br/>
<br/>
<br/>
<div style="position:relative; left:339px; top:49px"></div>

<div style="position:absolute; left:600px; top:225px"> 
<img src="images/river.jpg" width="250" height="300" />
</div>

</body>
</html>


身体
{
背景图片：url（'redbg.png'）；
}
h1
{
位置：相对位置；
左：480px；
}   
表格#编辑1
{ 
位置：相对位置；
顶部：58px；
左：341px；
}
表格#编辑2
{ 
位置：相对位置；
顶部：67px；
左：41px；
}
正文{背景图像：url（'stareffect1.jpg'）；}
h1
{
位置：相对位置；
左：480px；
}   
表#Edit1{位置：相对；
顶部：58px；
左：341px；
}
表#Edit2{位置：相对；
顶部：67px；
左：341px；
}

请帮我解决一下。我无法确定这个问题。放置图片有什么问题吗？你的html完全损坏了。不要在body标签内使用head标签。在body标签之前使用它。您有两个结束标记，没有开始标记。您应该纠正这个主要的html问题并再次测试。body{background image:url（'stareffect.jpg'）；}我在上面给出的代码bt中更正了它，但它对我没有帮助。plzz建议body{background image:url（'stareffect.jpg'）；}h1{position:absolute；left:480px；}form#Edit1{position:relative；top:58px；left:341px；}form#Edit2{position:relative；top:67px；left:341px；}@GB我根据我们的建议编辑了我的代码。但是仍然有滚动条。请建议一些东西