Question

所以我的标题代码存在问题，背景图片有时是100％但是如果我刷新页面，图像的一部分会变成空白，就像裁剪一样，有时我的图像没有加载。

对于标题我是这个代码。

    min-height: 702px;
    width: 100%;
    display: block;
     background: url('img/bgHeaderpsdtohtml.png') no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img/bgHeaderpsdtohtml.png', sizingMethod='scale');
     -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bgHeaderpsdtohtml.png', sizingMethod='scale')";
     border-bottom:9px solid $galben;
     position: relative;
     z-index: 1;

问题似乎是 - http://i62.tinypic.com/10frxbk.png

我想使用相同的方法在我的页面内部制作一些div全屏..问题出在哪里？

我希望它有一个简单的div，背景图片的全宽和高度设置为我..哪种方法是正确的？

JsFiddle链接http://jsfiddle.net/53nbe75n/

Answer 1

将显示更改为内联块，查看fiddle

 min-height: 702px;
  width: 100%;
  display: inline-block;

Div与背景图像充分

1 个答案: