div没有背景图片的文字

-1

如何使背景图片创建div。我试着这样做：div没有背景图片的文字

.mainFoto{ 
 
      width:100%; 
 
      height:100%; 
 
      background: url("http://www.vsttp.hekko24.pl/images/logo2.png") no-repeat center center fixed; 
 
      -webkit-background-size: cover; 
 
      -moz-background-size: cover; 
 
      -o-background-size: cover; 
 
      background-size: cover; 
 
      
 
}

<div class="row mainFoto"> 
 
</div>

这是一个好办法？如何显示它？

来源

2015-09-15 patwoj98

非常接近！只需要设置

html, body { 
    height: 100%; 
}

要正确显示。更新小提琴在这里：http://jsfiddle.net/9zygg1gt/2/

当你设置height: 100%，它需要是相对于别的东西。添加这个小小的部分使其具有100％的高度。

来源

2015-09-15 18:29:59 pgruber

http://patwoj.hekko24.pl/zespol/实在不行好的。它应该是封面照片。你知道我想要做什么吗？ – patwoj98

不要使用％div的高度（尝试使用px代替）。宽度可以使用％，但高度不会按照您的预期工作。

来源

2015-09-15 18:31:38

它应该是有响应的。 – patwoj98

as @Never Say永远不要说，你应该使用'px'。进一步使它响应使用媒体查询。 – CodeRomeos

我已经使用上patwoj.hekko24.pl/zespol 你的代码，并添加height:inherit到div mainFotodemo

来源

2015-09-15 18:54:34

你需要添加position:fixed。

.mainFoto{ 
 
      width:100%; 
 
      height:100%; 
 
      background: url("http://www.vsttp.hekko24.pl/images/logo2.png") no-repeat center center fixed; 
 
      -webkit-background-size: cover; 
 
      -moz-background-size: cover; 
 
      -o-background-size: cover; 
 
      background-size: cover; 
 
      position: fixed; 
 
      
 
}

<div class="mainFoto"> 
 
    
 
    </div>

来源

2015-09-16 09:56:22

div没有背景图片的文字

回答

相关问题