css将背景缩放到一定比例的图像

时间:2017-08-23 01:10:41

标签: css3 background scaling

是否有一种CSS3方法可以按照图像尺寸的某个比例缩放元素的背景图像?

我在搜索时找到的所有文档都显示'background-size',但是当给出百分比时,它是该背景所属元素的百分比。我想相对于背景图像本身的大小进行缩放。

2 个答案:

答案 0 :(得分:0)

这是你需要的吗?试试这个链接https://jsfiddle.net/beljems/dtxLjmdv/。我刚刚添加了padding,其中百分比值位于顶部和底部,不需要height。并使用background-size:cover

希望有所帮助。

答案 1 :(得分:0)

也许这会对你有帮助吗?

https://jsfiddle.net/oo3yxvo0/

尝试向background-size

添加封面,而不是添加百分比