原文:CSS让DIV按照背景图片的比例缩放,并让背景图片填充整个元素(转)

目的是:通过background的一系列属性,让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV首先我们需要让背景图片在指定的DIV中全部填充显示之前看有用类似 background attachment: 的fix来实现背景图片的填充,但是,貌似是不能按照当前的DIV大小去填充。我的情况是,宽度按照整个屏幕的百分比来调整,但是高度,又不能通过整个屏幕的高度百分比来调整,而也想通过宽度的百 ...

2018-01-04 21:01 0 33328 推荐指数:

查看详情

背景图片填充div

html: <div class=”contain-title”><div> css: (1)这种情况下图片可以填充整个div,但背景色和原背景图片不一致 background: url(../images/mall-bg.png) no-repeat ...

Mon Dec 04 02:46:00 CST 2017 0 2807
css div背景图片缩放div大小

背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。 background-size有3个属性: auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时,图片会自动平铺。这种属性 ...

Sun Mar 07 02:07:00 CST 2021 0 265
css实现背景图片比例缩放填充

/* 通过以下两个参数实现背景图片比例缩放填充*/ background: url(../images/banner.jpg) no-repeat; background-size: 100% 100%; ...

Fri Aug 13 07:05:00 CST 2021 0 383
css控制背景图片div的大小而缩放

在网页布局中,常会遇到 一张图片铺满整个屏幕。在不同的分辨率下仍然整处于满屏的状态。 方法一: 方法二: http://www.cnblogs.com/chaozhang/p/4701297.html 方法三: ...

Fri Mar 24 20:35:00 CST 2017 0 6418
CSS 背景图片的定位和缩放

CSS 中,利用 background-image 属性我们可以指定元素背景图片,例如: .example { background-image: url(image/some.png); background-repeat: repeat; } 其中,PNG 是常见 ...

Sun Nov 17 00:55:00 CST 2013 0 12517
css背景图片充满DIV

背景图是一张有着固定大小的图片,放上去之后,各种不适应,不和谐,后来就想到如果能让背景图自适应导航栏的 ...

Wed Nov 14 07:27:00 CST 2018 0 2449
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM