网站背景响应

时间:2014-06-26 15:52:29

标签: html css background

我正在使用此代码:

body {
background-image:url('http://evoxity.net/modules/themeconfigurator/img/bgen.jpg')!important;
background-repeat:no-repeat!important;
-webkit-background-size:cover!important;
-moz-background-size:cover!important;
-o-background-size:cover!important;
background-size:fixed!important;
background-position:center!important;
}

到目前为止,我试图创建它的响应和工作,但它应该更加静态。我的问题是,我的网站软件默认情况下没有容器背景,我不是那么深入css,我自己做了所以我决定在后台创建它。

现在我想和@media一起工作但是我也希望得到这样的背景,即使我将windwos栏添加到浏览器的右/左站点也是如此。

我使用该网站软件的模块来创建背景,它也可以在css中实现它们,但我不知道它的ID,所以我不能用css修改它。这就是我现在自己做的原因。

再次提出问题。如果你有一个1920x1080分辨率的屏幕,并将你的窗口栏拖动到其中一个站点,背景会移动,但它应该保持静态,只是在正确的网站上得到cuttet而不是它的工作。

1 个答案:

答案 0 :(得分:1)

我使用这篇文章作为背景图片的参考 -

http://css-tricks.com/perfect-full-page-background-image/

这是结果的演示,如果它是您正在寻找的 -

http://css-tricks.com/examples/FullPageBackgroundImage/css-1.php