老师看看这个

来源: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>

http://img.mukewang.com/climg/5f59bb1e097aaaf807540444.jpg

写回答

1回答

好帮手慕夭夭

2020-09-10

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

祝学习愉快~

0

0 学习 · 10739 问题

查看课程