问题标签 [background-size]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1216 浏览

css - 背景大小的 IE7 和 8 CSS hack

我知道 IE7 和 IE8 不支持背景大小。我也知道有一个使用 AlphaImageLoader 的解决方案,如下所示:

但不幸的是它不起作用。有什么建议么?

这是我在 CSS 中的代码:

图片的原始尺寸为 400px * 70px。

0 投票
1 回答
116 浏览

css - 背景大小:包含;高度不能正确缩放

我想保留一张图片,而背景图片在浏览器中是可缩放的。

当我使用高度时:XXXpx; 它不会正确缩放。我也尝试过使用百分比作为高度。

www.georges.larsonplusyou.com

感谢你们。

0 投票
2 回答
1239 浏览

html - HTML - 背景大小包含的图像太小

我用:

试图让背景图像始终拉伸以显示整个图像,但是当我测试这个时,图像变得很小......这是怎么回事?

0 投票
1 回答
347 浏览

css - background-size 和 background-repeat 究竟是如何工作的?

这是一个例子。我想裁剪背景图像,然后使用裁剪图像作为更大(尺寸)元素的背景。我的意思是 div 比它的背景大,我不需要重复。现在当background-repeat未注释时,元素消失。但我认为它会显示裁剪后的不重复背景。

0 投票
2 回答
5779 浏览

css - 如何缩放背景图像以覆盖,乘以额外的缩放因子?

我有一个背景图像,我想使用它来覆盖元素,background-size: cover;但是,我还想在两个方向上将其放大 110%,超出实际操作范围cover,以便随后可以使用background-position.

换句话说,我想background-size: cover将周围的 div 视为它在两个方向上都大 110%。

有没有办法纯粹在 CSS 中做到这一点?

如果我理解正确,这将是一种方法,但max()不是标准的 CSS3:

0 投票
2 回答
77 浏览

html - 背景大小与背景重复计数有明显偏差

我创建了方形图像并将其用作 div 的重复背景图像。

https://jsfiddle.net/cethbqog/2/

我将其应用于:

我想这将是连续 20 个单元格,但它没有发生。有人可以帮我吗?

0 投票
1 回答
1115 浏览

html - 放大整个 div

我想知道是否可以扩大 div 的百分比及其内容?

我正在构建的游戏是基于像素的,所以我不能在gameContainer中使用百分比(背景图像也需要缩放)

这是我正在尝试实现的演示 http://codepen.io/friendlygiraffe/pen/MKwjNE

0 投票
1 回答
25 浏览

jquery - Jquery不改变背景大小属性

我对此很陌生,并且很难通过我的代码弄清楚将不会执行以下操作

更具体地说,背景大小没有改变。高度效果很好,但是我希望背景尺寸看起来如下 background-size: auto 900px (假设它收集了 900px 作为高度)。

我错过了什么吗?

提前谢谢你。


似乎下面的答案有效,但确实需要按如下方式添加 px;

“背景尺寸”:“自动”+h+“px”

谢谢!!!

0 投票
2 回答
95 浏览

css - 填充 DIV 不考虑纵横比

我想要实现的是用宽度和高度的图像填充 div。我得到的是对宽度的控制,但高度将尊重纵横比而不用高度填充 div。尝试过背景尺寸:覆盖并包含在所有可能的组合中,但我真正能在不裁剪的情况下覆盖的只是宽度。我不能以像素为单位给出绝对大小,因为我的页面是响应式的。

我真正需要的是使图像1中的白色条纹(1440 x 76 px)覆盖图像2中的整个slicklist。css可以吗?我要生气了,请帮帮我! 在此处输入图像描述

0 投票
1 回答
171 浏览

css - 背景大小不起作用的CSS

好的,所以我有一个小问题。我花了大约 3 个小时在这个网站上寻找答案。我有一个 css 文件,我试图将 SVG 图片放在背景中,但background-size: 75px 75px;不起作用。我已经尝试使用这两种方法,但它们不起作用:

在程序员记事本中,这个词background-size是红色的,在网页上它应该看起来像这样:

但我得到了这个结果:

这是我的完整代码: