整页图像背景

时间:2015-02-22 12:25:43

标签: html css

我一直试图让我的图片在页面上以全尺寸显示,它适用于我的电脑,但只要你缩小到25-50%的铬,图像就不会跟进。

这是一个jsfiddle:http://jsfiddle.net/97cn3c8x/

要清楚,我正在使用这个插件我不知道如何将它包含在jsfiddle中:http://matthew.wagerfield.com/parallax/

所以随意在jsfiddle中缩小浏览器,你会发现我的问题。如果图像在css中,那么background-size: cover会完成交易,但它似乎不起作用。

1 个答案:

答案 0 :(得分:0)

我将图像固定到屏幕的所有角落的方法是:

.bgimg
       { 
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: 50% 50%;
        }

希望这有帮助,我回答了你的问题。祝你好运并继续编码;)