0

我正在运行 Bootstrap 2.3 和 Wordpress，我的目标是制作一张与此类似的巨型封面图片：http : //www.platetheslate.com/（只有我的导航栏在顶部。）下面的文章。

我试图通过我的头文件来实现它，在最顶部使用这样的代码：

<style> 
.cut img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
} 
</style> 

<div class="cut">
    <img src="">
</div>

但它并没有达到类似的效果，它在菜单栏和封面图片之间留下了相当大的差距。我对此有点陌生，但很想把它记下来。如果有更好的方法来解决这个问题或任何事情，我会全力以赴。或者眼睛。谢谢！

4

2 回答 2

0 
<html>
<head>
<style>

   html { 
      background: url(your-image.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
</style>
</head>
<body>
</body>
</html>

您还可以尝试 jquery 解决方案： http ://srobbin.com/jquery-plugins/backstretch/

于 2013-09-21T18:03:47.870 回答
0

如果您包含 Jason B codeld，这就是您的代码应该是什么样子

<style> 
   html { 
      background: url(your-image.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
.cut img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
} 
</style> 

<div class="cut">
    <img src="">
</div>
于 2013-09-21T18:13:27.923 回答