在html中将插入背景图片,如何让背景图片跟屏幕一样大？

不用css，只用background怎么做？
代码：<html>
<body background="http://image.tianjimedia.com/uploadImages/2013/302/S55F8L62A680_680x500.jpg" ;width="100%"; height="100%"; >
</body>
</html>
效果总是个小图然后无限重复，我想要填充屏幕的效果

举报该文章

相关建议 2018-05-07

方法：首先点击【新建文件夹】，放入背景图片，在Dreamweaver CS6中点击【新建一个html空白文档】，.将页面内容放入<body></body>中，在<body后按一下空格键，找到background，再按空格，点击【浏览】，选中背景图，点击【确定】，将html另存为在“表格”文件夹里。这样就可以让背景图片跟屏幕一样大。

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/m8vvsp288qq8227smp.html

其他看法

第1个回答 2014-06-02

设置width height都为100%在加入背景图片追问

不行啊，背景还是个小图然后无限重复，您看我写的：

追答

是这样的，如果不加no-repeat背景图会沿X轴和Y轴无限重复
你的意思是要把一张图片拉伸到整个浏览器大小么？在body里这样加属性不是所有浏览器都兼容。
你可以这样试一试，用定位的方法实现你的效果

src里面加你的背景图片地址，不明白可以再问我

追问

perfect!
这个是不是相当于把body内的一个元素固定了，然后就有了背景的效果？
您能不能帮我解释下style="position:absolute;z-index:-1;width:100%;height:100%“这句话的意思？还有，这里面z-index，width，height，position如果后面打成了等号而不是冒号，发现输入的文本不能显示，这是为什么？谢谢您！

追答

position:absolute 绝对定位，相当于把这张图片定位在一个地方（这个你也可以不加，加了就是为了方便定位）

z-index:-1 设置元素的堆叠顺序，简单地说就是数值大的会把数值小的压在下面，-1相当于背景了。
width、height 宽高 100%是针对于浏览器的大小

style是CSS样式样式里面只可以用冒号和分号不可以用等号
不加style 才可以用等号来表达效果

本回答被提问者采纳

第2个回答 2020-04-02

width:100%;

height:100%;
加上no-repeat;不重复
出现滚动条防止出现空白背景加上：
background-attachment:fixed;将背景单独固定就好了。

第3个回答 2018-03-29

在html中将插入背景图片，让背景图片跟屏幕一样大的步骤如下：【新建文件夹】-【新建一个html空白文档】-【<body></body>】-【浏览】-【插入】-【预览】。

点击【新建文件夹】。如图所示：

2.放入背景图片，在Dreamweaver CS6中点击【新建一个html空白文档】。如图所示：

3.将页面内容放入<body></body>中。如图所示：

4.在<body后按一下空格键，找到background，再按空格，点击【浏览】。如图所示：

5.选中背景图，点击【确定】。如图所示：

6.将html另存为在“表格”文件夹里。如图所示：

7.点击【预览】，调整背景图片大小。

本回答被网友采纳

第4个回答 2018-04-26

两种方法：
html：
<img src="xxx.jpg" width="100px" height="100px" />
说明：这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不能在这样的图像上面。
css:
#yourID
{
background-image:url('xxx/xxx.jpg');
}
说明：这是背景图像，能平铺，但不能调整大小。不会占用页面空间，文字可在其上。

这两种看你的需要选择。

另外，像楼上的回答：<body background = "图片的路径">，这样做已经过时，不应该提倡。要知道，HTML只管呈现内容，CSS只管页面布局和修饰。

1 2 下一页

相似回答

大家正在搜