问题标签 [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 投票
1 回答
157 浏览

css - 需要帮助理解 css3 渐变和背景重复

我在这里有一个CodePen,我正在尝试将我的 8 位小家伙变成 CSS3。

在第 89 行,我开始研究胡须。但这并不完全正确。

它目前正在重复 x 和 y,但它正在制作垂直条纹而不是我想要的圆点效果。如果您取消注释第 98 行 ( background-repeat:repeat-x;),那么您会看到它具有正确的模式,但是它不会垂直重复(显然)(我希望 div 是任何高度,这仍然可以工作,你知道吗? )。我希望该模式在两个方向上正确重复。当它打开 repeat 或 repeat-y 时,它似乎重叠或其他东西。

在 中color-stops(),我最初使用transparent的不是$face颜色,但它使整个东西变成了红色。

要了解我想要达到的目标,请在此站点上参考我的头像。

[编辑] 我认为它更加复杂,因为我的图案不是直方格图案。这是重复的最小模式的特写:

在此处输入图像描述

0 投票
1 回答
1720 浏览

android - ActionBarSherlock 背景不会在 ICS 之前的版本上重复

我正在将我的应用程序的 ActionBar 移动到 ActionBarSherlock 并且我正在尝试使用平铺背景自定义背景。我正在两台真实设备上测试我的代码,一台运行 Android 2.1,另一台运行 Android 4.0.4。

下面的代码适用于 ICS 设备(背景确实重复),但不适用于 Eclair 设备(背景被拉伸而不是重复)。我还在 Android 2.3 模拟器上对此进行了测试,并且背景也不会重复。似乎tileMode="repeat"只在 ICS 上工作。

主题.xml:

ab_background_pattern.xml:

0 投票
1 回答
103 浏览

ckeditor - 表格对话框中背景重复的重复无重复值

我正在使用 CKEditor 并且遇到了背景属性的无重复值被复制的问题。

脚步

  • 插入表格
  • 右键单击,表属性,然后转到高级选项卡
  • 插入背景重复:不重复;在样式框中

当您保存并返回时,它实际上有background-repeat:no-repeat no-repeat

这似乎只发生在表属性上。例如,它在 DIV 上工作得很好(单个无重复值)。我向 ckeditor 人员提交了一个错误以解决,但我不确定这可能需要多长时间才能解决。我的版本是 3.6.1,但我可以在 ckeditor.com/demo 网站以及他们最新的夜间版本上复制它。

有没有人遇到过这个问题并解决了这个问题?

0 投票
2 回答
1656 浏览

php - 如何将字符串变量放入css中?

这显示图像

我想把它放在我可以在css中使用它作为背景图像的地方,以便重复,我能想到的唯一方法是将它变成css中的背景图像。

总的来说,我怎样才能把它(我相信一个关联数组)变成 css?

这是整个代码:

0 投票
1 回答
376 浏览

css - 多个背景 css3:2 个重复的 x 图像,每个占容器的一半

我有这个:http: //jsfiddle.net/MAJZz/

我想要的是红鱼停在容器的一半,绿鱼从那里开始直到结束。换句话说,红色的鱼应该覆盖(从 0 到 50% 水平),而绿色的鱼应该覆盖(从 50% 到 100% - 相同,水平)。

这是我的html:

这是我的CSS:

可能吗 ?

先感谢您。

0 投票
1 回答
183 浏览

html - 即使在向右滚动后也使背景图像重复

这是问题 http://screencast.com/t/Dgfd5vTeEY

这是网站 http://eotomarketingsystems.com/

我到处都看过,但唯一的方法是让背景图像全宽。是通过使用这里的方法:CSS Tricks-Full Background Image,但它是固定的背景图像,这把一切都搞砸了。向右滚动后,有没有更简单的方法让它到达那个区域?

0 投票
2 回答
210 浏览

css - css 背景重复

所以我有这个有背景的DIV

这是风格:

我遇到的问题是这两个背景之间有空间,我真的不知道为什么,因为我从来没有使用过诸如 margin-top 或 paddin-top 之类的东西......

我只想让两个背景互相接触

0 投票
1 回答
50 浏览

background-repeat - 背景图像水平或垂直平铺而不是整个背景

当我使用 x 作为背景重复时,图块沿页面顶部水平运行,而当我使用 y 时,它们垂直运行在页面左侧。

我假设我现有的样式表中有一些东西导致了冲突,但我找不到它。

这是正文代码:

0 投票
2 回答
586 浏览

html - 仅重复 HTML 背景图像

我有这个:<body background="CFIS Fantasy Pool Logo Small.png" bgcolor="333333">

我想添加一个标签,以便它在 y 上重复,比如repeat-y. 我已经尝试了很多东西,但它不会起作用,它只会在屏幕上出现。repeat-y如果我要添加标签,整个事情会是什么样子。顺便说一句,我希望它在左侧重复。

0 投票
2 回答
2517 浏览

css - 为什么页脚不是从左到右一直走?

我的 css 类页脚的背景不会跨越浏览器的整个宽度,具体取决于我保持浏览器的宽度。它使页面看起来很奇怪,因为页脚在主要内容结束之前就结束了。该网站位于 avidest.com,因此您可以看到我所指的内容。这是CSS:

该 css 最初是:

但这也没有用。如何使页脚从浏览器的左侧一直到右侧?

谢谢你。