问题标签 [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.
html - Background-size-polyfill 在 IE8 中不起作用？
我有这个简单的代码：
加载页面时没有任何错误。但是背景的行为与没有这个东西一样。
.htaccess并且backgroundsize.htc与html页面在同一个文件夹中。我通过双击 html 页面在本地运行此文件。
我使用PolyFill作为参考
css - background-size 封面淡入淡出过渡，没有尺寸过渡
我有一个要更改背景的 div（使用 jQuery）。这些 CSS3 规则允许新的背景图像很好地交叉淡入淡出
问题是背景大小也在过渡。
因此，如果它从肖像切换到风景背景图像，例如，在淡入淡出时，图像会被垂直挤压然后水平拉伸。这可能有点令人作呕。
有没有什么方法可以使用background-size: cover，但只在没有背景大小的情况下淡化背景图像本身？
css - 使用 CSS 制作的条纹背景取决于 IE 中的背景大小
在玩用 CSS 制作的条纹渐变时，我发现 IE 有一个奇怪的行为，在降低background-size属性中的高度值后条纹变得不可见。
此行为仅在 IE 中：Chrome 和 Firefox 按预期工作。
这是代码：
的HTML
CSS
这是演示：http: //jsbin.com/jipehipobele/1/edit
如果可能的话，有人可以向我解释为什么会发生这种情况以及如何规避它吗？
jquery - 滚动时增加背景大小
我有个问题。我正在建立一个视差网站，当你滚动时，一个眼睛糖果正在增加，背景尺寸正在增加。起初我认为这不会是一个问题，因为我使用背景位置片段解决方案，即：
这在一段时间内可以正常工作，但是当滚动达到 109% 时，背景看起来很糟糕。一个问题。我该如何处理？演示在这里
html - 背景尺寸：封面只适合宽度
我有一个“水平”图像作为背景（它是 2048x1148）。
我设置background:url("") no-repeat scroll center top / cover并在桌面模式下一切正常。在移动设备中，虽然我无法缩放背景图像并自动覆盖高度。不应该background-size:cover自动执行吗？
这是现场直播。
css - 有没有办法结合背景大小：包含和：覆盖？
我想同时使用background-size:contain和background-size:cover。我想让我的背景图像始终拉伸浏览器窗口的 100% 宽度 x 100% 高度，同时保持图像的比例。
有没有纯css路线来实现这一点？
这是我的代码：
css - 将“最大宽度”设置为较大设备的背景图像
我已将背景图像设置为 div，但我不希望它的宽度超过 1600 像素。例如，如果它显示在宽度超过 1600 像素的设备上，我不希望背景图像覆盖整个宽度。有没有办法可以做到这一点？
这是我目前拥有的。无论设备有多宽，图像都会覆盖整个宽度。我需要它停止在 1600 像素的宽度。
css - 需要空 div 的背景图像以在所有屏幕尺寸上以适当的比例显示
我有一个部分，最初只包含一个播放按钮，一旦点击就会显示一个视频库。该部分还必须包含一个图像，我决定将其包含在background该部分本身 ( #intro) 中。
问题在于，由于该部分中除了播放按钮之外没有任何其他内容，因此背景没有被垂直拉伸到足以显示整个背景图像。我通过包含padding-bottom57.201% 来解决这个问题。最初修复了它，但我还必须将播放按钮定位在中心，一旦我尝试使用边距和填充来做到这一点，它就会变得一团糟，在调整浏览器大小后，由于我的百分比，图像底部显示了巨大的间隙设置为padding-bottom.
所以，我需要这个东西来响应，理想情况下，我还想设置一些断点来迎合屏幕较小的设备上的用户。
这是一个屏幕截图，可以提供更好的想法。单击中间的播放按钮时，#feat-video应该会在白色轮廓矩形内弹出一个视频库 ( )。
HTML
CSS
css - 在 body 元素中将图像附加到页面顶部，img 没有滚动
我有以下问题。我认为，有一种快速的方法可以做到这一点，但现在我找不到解决它的方法。
所以，我有一个图像，我希望它只作为元素页面顶部的背景图像。<body>目前，如果我向下滚动，它正在移动到页面底部。
我有以下代码：
css - 背景附件：修复无法在 Safari 上运行的问题
我在一个跨越 100% 浏览器的元素上运行了以下代码：
我需要做的是让图像跨越浏览器的整个宽度，同时保持固定（从而允许内容在其上滚动）。
它似乎适用于除 Safari 之外的所有浏览器 - 我缺少什么想法吗？
我尝试将元素高度和最小高度设置为100%，但没有任何乐趣。
可以在此处查看演示页面的链接：http: //oscarsarc.tinygiantstudios.co.za/adopt/adopt-nationwide/