问题标签 [background-repeat]

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 回答
896 浏览

css - 如何让我的 css 类页脚从屏幕的左侧到右侧?

我的 CSS 类页脚没有扩展页面的整个底部。如果浏览器窗口足够小,它可以正常工作,但如果窗口足够大,左右端和页面背景是可见的。该类没有嵌套在另一个类中,它的唯一父级是 and 标记。这是页脚的css:

该页面位于 avidest.com,因此您可以了解我的意思。任何帮助,将不胜感激。谢谢。

0 投票
1 回答
10326 浏览

css - 您可以在背景图像重复之间创建空间吗?

是否可以重复背景图像,但在下一次重复开始之前指定像素数。

即背景:url(img.png) [40px后] repeat-x;

我不想在图像中添加空白空间。

0 投票
4 回答
5356 浏览

css - CSS 背景重复

假设我有一个宽度和高度为 1700 x 1129px 的图像。能够重复此图像的最佳方法是什么,以便您无法判断它已被重复。我试过使用repeat-y,但它看起来像另一个图形。

在此处输入图像描述

0 投票
0 回答
568 浏览

google-chrome - Chrome 背景尺寸没有被重复考虑

我有一个 25px x 25px 的 gif,并在 500x500 中重复 xy。我在它上面叠加了一些图像,正好是 25px。这在 Firefox 中运行良好,但 Chrome 似乎每 4 个图像将背景 gif xy 缩小 1 个像素!所以,我的叠加层不在 Chrome 中排列,但在 Firefox 中排列。我看到了一个 Chrome 表格错误,但这不是表格。

我试过没有明确的、重要的等。有什么想法吗?

0 投票
1 回答
275 浏览

background-image - 上传和预览为重复的背景图片

我正在网上寻找一个工具,但他们根本没有取得任何成功。我想要上传和预览图像作为背景作为重复的一种或任何其他选择......

我有这个样本:

在此处输入图像描述

如何将图像预览和剪切为重复的完美背景图像。是否可以在 Photoshop 或某些类似产品中使用?

0 投票
3 回答
18291 浏览

css - CSS:“背景尺寸”和“背景重复:重复”拉伸问题

我确信这是我所拥有的实现的正确行为,但我想知道是否有一种简单的方法来完成我想要完成的事情。

我有一个 3px x 3px 图案的背景图像。

我希望这种模式重复-x 其设置的元素的全宽(100%),但是我只希望它重复-y 其所在元素的一半宽度(50%)。

我有这个实现:

它成功地在整个元素中重复该模式。为了尝试达到我想要的 50% 重复高度,我尝试了:

然而,背景尺寸将图案图像倾斜到 100%/50% 高度/宽度,而不是保持所需的重复效果。

有没有办法简单地做到这一点?

谢谢

0 投票
1 回答
46882 浏览

css - CSS,背景重复距离

我想设置一个background-image但重复之间的特定距离。

例如,我有这个图像成为background-image

在此处输入图像描述

我想以这样的模式修复重复:

在此处输入图像描述

检查JSFiddle 游乐场

我正在寻找一个 CSS3 干净的解决方案,而不是 JS,不是额外的元素,等等。如果我必须使用非常现代的 CSS3(不支持)技巧是可以的。

0 投票
1 回答
228 浏览

css - 背景图像并从文件夹图像重复

我正在尝试从图像中添加背景。该图像位于我的项目中名为 Images 的文件夹中。这是我正在使用的代码,但屏幕仍然是白色的。

有什么帮助吗?

0 投票
2 回答
3151 浏览

css - css repeat-y 在 IE8 中不起作用

我正在使用 div 标签,并且正在对其应用 css。请在 div 标签下方找到

我的css类如下

该 div 正在显示背景图像并在 Mozilla 其他浏览器中正常显示,但在 IE8 和 IE9 中无法正常工作。即使它在 IE10 中运行良好。background-repeat 存在一些问题:repeat-y 在 IE8 和 IE9 中无法正常工作。有什么方法可以在 IE8 和 IE9 中解决这个问题。

任何帮助将不胜感激。

提前致谢。

问候, 拉胡尔·拉蒂

0 投票
1 回答
687 浏览

internet-explorer - SVG背景在IE中重复

我有一个重复的条纹图案,我制作为 SVG。然后,我对其进行了优化并将其导出为数据 URI,并在 CSS 中作为重复背景应用。

在 FireFox 和 Chrome 中运行良好,并且还可以控制背景大小,使条纹变得漂亮和流畅。

现在,在IE中测试。没有重复的SVG???IE 是否支持重复 SVG?