老师看看这个
来源:2-10 Vue项目首页 - 开发周末游组件
慕标5156652
2020-09-10 13:37:37
老师我这个图片显示的是上部分内容
怎么把图片上移一点
我试了一下background-position 不起效果
这个是我的css
<style lang="stylus" scoped>
@import "~styles/mixins.styl"
.title
margin-top: 0.2rem
line-height:0.8rem
background: #eee;
text-indent: 0.2rem
.item-img-wrapper
overflow: hidden;
height:0;
padding-bottom:33.3%
.item-img
width:100%;
background-possition:-300px -10px;
overflow: hidden;
.item-info
padding:0.1rem
.item-title
ellipsis()
line-height:0.54rem
font-size:0.32rem
.item-desc
line-height:0.4rem
ellipsis()
color:#ccc
</style>

1回答
好帮手慕夭夭
2020-09-10
同学你好,给出的代码不全,老师这边无法测试。不过看同学粘贴的代码中 ,并没有设置背景图的代码,同学是设置的img标签引入的图片吗?如果是,那么图片无法设置背景定位。此时可以通过maring-top设置负值,让它往上移动。如果是通过background引入的背景图片,才可以使用背景定位。要是设置成背景图片,还是不可以使用背景定位,那么请把全部代码粘贴到问答区,以便老师准确高效的问题。
祝学习愉快~
相似问题