Question

我有一个带有背景图片的网页，需要保持清晰和清晰。

问题在于，要实现这一点，显然每次都必须设置一个大小。

我需要一种用黑色填充剩余空间（从屏幕尺寸到屏幕尺寸）的方法。

最简单的方法来看看我在说什么，如果你去网页:(没有自我推销意味着） http://hopeish.com

特别是如果你使用chrome和firefox - 因为safari是可以的并且IE不会以同样的方式受到影响

我有什么想法可以做到这一点??

Answer 1

background: url(image.jpg) #000 no-repeat;

Answer 2

background:#000 url(image.jpg) bottom right no-repeat;

这样你的照片就会在右下方，剩下的就会用黑色填充。

Answer 3

您目前有：

body {
  background: url(image.jpg);
  background-repeat: no-repeat;
  /*background-attachment:fixed;*/
}

添加background-color: black;以获得全黑背景。

body {
  background-color: black;
  background: url(image.jpg);
  background-repeat: no-repeat;
  /*background-attachment:fixed;*/
}

或者使用其他答案中看到的速记背景属性变体。

Answer 4

使用简单的CSS实现。

body {
    background: url('http://hopeish.com/image.jpg') no-repeat top right black;
}