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

EDIT - Важно помнить, что background-size является css3 черта - так что используйте его с осторожностью, так как он не может хорошо работать со старыми браузерами.