css - 背景图片随着 我需要居中的图片改变大小?
本文介绍了css - 背景图片随着 我需要居中的图片改变大小?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>入藏能人行志愿者征集</title>
<style>
body,html{
margin: 0;
padding: 0;
}
.suc{
width: 150px;
height: 150px;
/*margin-top: -300px;*/
/*z-index: 1;*/
/*position: absolute;*/
display: inline-block;
}
.bg-1{
text-align: center;
background-size: cover;
background-repeat: no-repeat;
padding: 0 !important;
background-image: url("/res/img/view/tibet/1.png?v=1");
background-origin:content-box;
}
</style>
</head>
<body>
<div class="bg-1">
<img src="/res/img/view/tibet/2.png?v=23" class="suc"/>
</div>
</body>
</html>
显示如下:
当我设置上面那张图片的大小时,背景图片也跟着变大,但是我希望的是,背景图是占满整个页面的。
解决方案
.bg-1{width:100%;height:100%;background-size:100%;}
这篇关于css - 背景图片随着 我需要居中的图片改变大小?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文