我想在body里放一个背景图片，浏览的时候填充整个屏幕，请问这样的JS代码或CSS代码怎么写？

html-css014

我想在body里放一个背景图片，浏览的时候填充整个屏幕，请问这样的JS代码或CSS代码怎么写？,第1张

body {background:url(bg.jpg) top center no-repeatbackground-size:cover}这样的话背景图片就会填充整个屏幕了不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看，只有这个属性可以做到，否则就只能用一个足够大的图片做背景的方法来实现了。另外 background-size:cover还可以替换成 background-size:contain使用cover的意思是把背景图片充满整个容器，而不考虑是不是可以看到完整的图片；使用contain的意思是在容器里完整显示图片，而不考虑容器是否被填满。

应该是你样式有点问题,body定义的背景和背景图片和body本身里面有没有内容是无关的,也就是说,你可以这样写

<html>

<head>

<style type="text/css">

body{ background:#000 url="images/bg.jpg" no-repeat}

<!--记住:如果你想定义背景颜色的同时又有背景图片,就把他们一起写,你代码里面background-color只是定义你的背景颜色而已,加入图片是不行的,所以后来你定义的只有背景颜色而没有背景图片-->

<style>

</head>

<body>希望对你有帮助

</body>

</html>

body{

background: url("image.png") no-repeat

height:100%

width:100%

overflow: hidden

background-size:cover或者background-size:100%

}

扩展资料:

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

编程工具

记事本：使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以.html为后缀名进行保存即可。

Dreamweaver：它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页。

参考资料来源：百度百科:CSS