容器流体上的全屏背景图像

时间:2016-03-05 06:34:44

标签: css background-image

我试图获得一个背景图片来填充容器流体div上的屏幕而它无法正常工作。我做了很多研究,但问题在于:我正在处理的网站是在一个我完全没有能力编辑html的平台上。这是我的HOA(房主协会)的网站,他们使用了一个可怕的平台 - HOA Express。我唯一的定制能力是"自定义CSS"网站设置页面上的框。 website's url是。

我之前在网站上有一个全屏幕背景图片,但本周他们将整个系统从大约2002年更新到我假设一个版本的bootstrap(我不是很精通),并在做所以他们消灭了所有现有的自定义CSS,所以我必须进去重做一切。

关于我可能尝试的任何想法?这甚至可能吗?

3 个答案:

答案 0 :(得分:1)

您的示例中缺少levels(Example$Q1)<-c("Dissatisfied","Satisfied","Satisfied") 。然而,这将“缩放”图像,我不认为这是你想要的。我想你想让图像填满视口,并留在那里。为此,您需要将背景设置为“100%”并修复。

所以基本上你加上这个。

background-size: cover

答案 1 :(得分:0)

 background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;   
width:100%;

为图像添加背景尺寸和宽度

答案 2 :(得分:-1)

background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;