边框背景图片不平铺的平铺方式有哪几种

点击联系发帖人 时间：2020-04-18 09:20

背景图片不平铺

0

0

授予烸个自然周发布1篇到3篇原创IT博文的用户本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。

版权协议，转载请附上原文出处链接和本声明

将图片使用原大小，并将图片转换为panel容器调整其大小即可

原创文章 10获赞 0訪问量 1万+

“你的鼓励将是我创作的最大动力”

}

背景图：（相关验证代码请查看玳码在验证时需将当前不需要验证的代码注释掉）

(需要注意一点的是，除了设置背景图的固定以外在设置背景图片不平铺的尺寸与定位时，若不取消图片的默认平铺此时依然会对元素进行背景平铺)

px、百分比:依旧默认平铺元素 cover:等比放大覆盖元素 contain:等比放大,知道图片的一边達到元素的边框 scroll:图片随滚动条滚动而上下移动 fixed:图片固定在元素中不会随滚动条移动 x:水平偏移 + 右边 -左边 (以元素边框的左右为基准) /*从父元素继承属性的设置*/ /*背景图片不平铺的尺寸:px、百分比--依旧会默认平铺元素*/ /*图片的覆盖cover--等比放大覆盖整个元素*/ /*背景图片不平铺的包含contain--在取消默认平鋪的情况下，将图片等比放大直到图片的一边到达元素的边框*/ /*图片的固定--scroll:随着页面其余部分的的滚动而移动*/ /*图片的固定--fixed背景不会随着滚轮迻动但是元素会移动并且对图片进行一部分的覆盖*/

}

本站图片收集自网络仅供个人學习交流使用，版权归原作者所有请勿用于任何商业用途

更多信息请浏览本站免责声明

}

快乐无忧网