Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何增加背景图像的大小以覆盖所有背景(但不重复)_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何增加背景图像的大小以覆盖所有背景(但不重复)

Javascript 如何增加背景图像的大小以覆盖所有背景(但不重复),javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想将图像设置为html表格的完整背景,条件是我只需使用javascript代码(无css html)。 我所做的将图像置于背景中,但问题是图像太小。我想通过动态地增加图像的大小(不在背景中重复图像),使图像覆盖整个背景 我在后台显示图像的代码是: document.body.style.backgroundImage = "url('http://vignette1.wikia.nocookie.net/mortalengines/images/b/b6/English_flag.png/re

我想将图像设置为html表格的完整背景,条件是我只需使用javascript代码(无css html)。

我所做的将图像置于背景中,但问题是图像太小。我想通过动态地增加图像的大小(不在背景中重复图像),使图像覆盖整个背景

我在后台显示图像的代码是:

document.body.style.backgroundImage = "url('http://vignette1.wikia.nocookie.net/mortalengines/images/b/b6/English_flag.png/revision/latest?cb=20100614220751')";
现在,我应该在这个javascript中添加什么,使这个url图像通过增加大小而不重复地覆盖所有背景


编辑:我见过很多链接,他们使用最大宽度,但我不知道我是否可以在给定的上下文中使用它。如果是,那么如何使用它。

使用
背景尺寸:封面
CSS属性

根据文档,
背景尺寸:封面
属性定义为

缩放背景图像,使其尽可能大,以便 背景区域被背景图像完全覆盖。一些 部分背景图像可能在背景中看不到 定位区

您可以使用JavaScript执行此操作,如下所示

document.body.style.background-repeat="no-repeat";
document.body.style.background-size="cover";

var table = document.getElementById("mytable");
table.style.backgroundImage = "url('http://vignette1.wikia.nocookie.net/mortalengines/images/b/b6/English_flag.png/revision/latest?cb=20100614220751')";
table.style.backgroundSize = "100% 100%";

你的问题太宽泛了。请先尝试自己解决问题,然后在你的问题中张贴你已经尝试过的内容。我不同意。OP想要什么很清楚,答案可能很短。有人试图否决这个答案,…为什么?这是正确的答案…我不是否决者,但我想你被否决是因为有人看到了“CSS”这个词在你的回答中…@Banana但这太让人恼火了…我们试图解决其他人的问题,而其他人只是坐下来投票…太让人恼火了,…@Lal很抱歉这对我不起作用。是的,谢谢。。但我不明白为什么这个“-5”?这个问题没有那么糟糕,而且很难理解。我曾经尝试过一些事情,但是没有成功。我的荣幸。尽量用更具体的问题,并提供一些你的工作的例子。好的,我会在未来的照顾。