我想让我的图片成为封面背景,但它并不适合我。这是我的代码:
<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>
答案 0 :(得分: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特征 - 所以请谨慎使用它,因为它可能不适用于旧浏览器。