Question

我想让我的图片成为封面背景，但它并不适合我。这是我的代码：

<b>
<div id="feedicon" style="display:none; z-index:0;position:fixed;width:32px;height:32px;top:250px;left:0px;">
    <a href="http://www.willmaster.com/index.xml" target="_blank">
        <img src="http://www.willmaster.com/images/feed-icon32x32.png" border="0" width="32" height="32" alt="RSS" title="RSS">
    </a>
</div>
</b>

Answer 1

试试这个：

h1
{
  color:White;
  }
.fullBack
{
  background-image:url('http://www.willmaster.com/images/feed-icon32x32.png');
  background-size:cover;
  width:100%;
  height:100%;
  }

<div class="fullBack">
<h1> some content here </h1>
</div>

使用background-size，您可以更改页面中的图像大小以覆盖整个页面。如果您希望获得封面背景图片，This是一个很好的教程，可以学习如何明智地使用该属性。

编辑 - 重要的是要记住background-size是一个css3特征 - 所以请谨慎使用它，因为它可能不适用于旧浏览器。

如何让我的图像覆盖背景html？

1 个答案: