Question

我有以下代码

<img  src='https://www.toptal.com/designers/subtlepatterns/patterns/fresh_snow.png ' style='position:center; top,left:0px; width,max-height:100%; border:0;' />

但是我想全屏显示文字并且不知道该怎么做。我在这里查看了其他帖子，但它并没有帮助我，我很害怕。

任何人都可以指出我正确的方向。

由于

Answer 1

我建议您阅读CSS以了解它，而不是试图在这里找到答案。假设您希望图像成为整个页面的背景：

body {
  background: url(https://www.toptal.com/designers/subtlepatterns/patterns/fresh_snow.png) top left;
}

Treehouse is a good place to start.

Answer 2

这就是你需要的

html,body { height: 100%; }
.back {
  background: url("https://www.toptal.com/designers/subtlepatterns/patterns/fresh_snow.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%
}

<div class='back'>

</div>

Answer 3

您可以将背景图像用于身体或div。

＆＃13;

body {
  background: url('https://peach.blender.org/wp-content/uploads/bbb-splash.png?x11217') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.full{
    text-shadow:1px 1px #000;
    font-size: 6em;
    font-weight:700;
    margin:130px;
}

＆＃13;

<div class="full">
 The Big Picture
</div>

＆＃13;

如何为我的网站创建全屏幕背景？

3 个答案: