如何解决图像更拉长,无法看到封面属性正在工作
Css Background-size property,cover not working我使用 #home-info 容器来包装一个图像元素(.info-image)和一个内容元素(.info-content),基本上是两个 div ,并给两个 50% 的宽度和它是父容器,即#home-info 的高度为 450px;当我尝试为第一个元素(即 .info-image)提供背景图像时,它会拉伸图像。在使用 css 封面或包含属性时,它根本不显示背景图像。
#home-info{
height: 400px;
}
#home-info .info-img{
float: left;
width: 50%;
background: url('../image/lc.jpg') no-repeat;
min-height: 100%;
}
#home-info .info-content{
float: right;
width: 50%;
height: 100%;
text-align: center;
padding: 50px 30px;
overflow: hidden;
}
#home-info .info-content p {
padding-bottom: 30px;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。