我試圖把IMG放在我的頁面底部,觸摸屏幕的左側和右側。如何將圖像放入我的div中?
HTML:
<div id="maincover">
<img src="http://imgur.com/a/vlURG"/>
</div>
不知道有什麼是CSS爲了做到這一點
我試圖把IMG放在我的頁面底部,觸摸屏幕的左側和右側。如何將圖像放入我的div中?
HTML:
<div id="maincover">
<img src="http://imgur.com/a/vlURG"/>
</div>
不知道有什麼是CSS爲了做到這一點
試試這個:
<style>
#maincover img {
position: absolute;
bottom: 0;
width: 100vw;
}
</style>
#maincover {
background-image:url(http://imgur.com/a/vlURG);
background-position:bottom;
background-size: cover;
}
#maincover{width:100%;height:100px;position: absolute;bottom: 0;}
#maincover img{width:100%;height:100%;}
<div id="maincover">
<img src="http://i.imgur.com/rklSO2e.jpg"/>
</div>
..into你的div? –