Как сделать так, чтобы мое изображение покрывало фон html?

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 Вы можете изменить размер изображения на странице, чтобы покрыть всю страницу. Это хороший урок, чтобы научиться мудро использовать этот атрибут, если вы хотите использовать фоновое изображение обложки.

РЕДАКТИРОВАТЬ - Важно помнить, что background-size это черта css3 - поэтому используйте его с осторожностью, так как он может не работать со старыми браузерами.