针对屏幕固定的html背景的背景

Question

我正在研究基本的html页面，并且我有这个背景图片bg.jpg。 但问题取决于你的屏幕尺寸和屏幕有多少像素，我无法查看整个背景图像，这是我想要的。

如何修改背景以便可以看到整个背景？

Answer 1

如果你说的是整个页面的背景图片比你可以简单地做它用CSS3 background-size财产

body { 
    background: url(bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

如果你需要附加它，有点固定，不应该滚动，比使用

background-attachment: fixed; 
/* This is already used in above CSS declaration using CSS Short Hand*/ 

Answer 2

你可以做这样的事情：

html { 
    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; 
} 

你可以在这里阅读更多：link

Answer 3

删除你的 “身体背景图片的代码”，然后粘贴此代码：

html 
{ 
     background: url(../img/bg.jpg) no-repeat center center fixed #000; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
} 

Answer 4

您可以使用CSS伪选择。

body:after 
{ 
    content: url(your_image) 
    /* Styling your image here just like a div */ 
} 

当然，其他解决方案也可以，但它们只能在最新的现代浏览器中工作。这种伪选择解决方案适用于今天使用的大多数浏览器。如果您希望支持甚至更老的浏览器，比如古老的IE版本，那么您可以使用div来包含背景图片并按照您的喜好进行设置。