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

css - 背景重复似乎在 IE6 中不起作用

我已经像这样在我的页面上应用了背景,

这似乎在 IE7、firefox 和 chrome 中有效,但在 IE6 中肯定不行。

替代文字

0 投票
1 回答
2020 浏览

css - 带有显示内联元素的 css background-repeat 中的 IE9 错误

我尝试在 IE9 上应用不重复设置为“内联”元素的背景,如果文本跨越多行,则图像出现在所有行上,有人遇到过这个问题吗?有没有人有办法解决吗?

0 投票
1 回答
8646 浏览

css - CSS精灵图像+背景重复其中的一部分

我可以在背景中重复图像的一部分[它在 CSS 精灵图像中]?!

例如:

背景位置:-13px 顶部;背景重复:重复-y;

因为我重复了整个精灵图像......

0 投票
1 回答
1505 浏览

css - 重复时多个背景图像可以交替吗?

我正在尝试使用 CSS 交替平铺多个背景图像。这是我正在尝试的本质,有两个小方形图像XO

这是所需的效果(为清楚起见添加了间距):

但这是实际效果:

最前面的背景层X似乎在其自身附近重复出现,这导致次要背景层Y被绘制在后面并因此被隐藏。

可以交替平铺多个背景图像吗?我不希望将图像组合为单个图像。我也不知道元素的宽度,因此通过多次指定同一个图像来伪造重复是不可能的。

0 投票
1 回答
295 浏览

css - 背景在精灵图像内重复平铺bgImage?

可以说这是我们的精灵

在此处输入图像描述

(请忽略黑色表格)有没有办法重复左侧平铺图像上的灰色,使其看起来像重复的背景?

在此处输入图像描述

0 投票
2 回答
1038 浏览

html - 如何在CSS中使用repeat-x值完成每个重复背景图像后摆脱白色垂直笔划?

不太确定为什么会发生这种情况,但是如果我将我的身体背景图像设置为 repeat-x 的值,它会很好地重复,但会在每个重复的图像之后添加这个白色笔触。有人能告诉我这是为什么吗?我以前从未遇到过这种情况。下面你可以看到我的 CSS。

0 投票
3 回答
5377 浏览

html - CSS:背景位置+重复=不工作

以前有人遇到过这种 CSS 问题吗?

我有一个设置为 100% 宽度的标题,左侧有一个图像(500 像素宽)。我有一个背景图像,我想水平填充剩余空间,但不是图像所在的位置。因此,我设置background-position: 500px 0;并假设背景从距浏览器左侧 500 像素的距离开始。但事实并非如此。它只有在我将重复属性设置为background-repeat: no-repeat;我花了 1.5 小时试图找到一个没有运气的解决方案时才有效,并最终通过margin-left: 500px;在标题中添加 a 和在图像中添加负 500px 边距来解决这个问题。我在这里错过了什么吗?为什么我不能告诉我的背景从 x 坐标 500 开始水平平铺?

0 投票
5 回答
1906 浏览

c# - 如何在不重复的文本框中制作图像

我正在将图像应用于文本框,如下所示

这给出了以下结果

在此处输入图像描述

我尝试应用 no-repeat 但图像未显示。谁能帮我。为什么我使用文本框是唯一一个在其属性设置为时变灰的控件,disabled或者如果有人知道如何image button通过显示图像变灰给我那个解决方案

0 投票
2 回答
8706 浏览

css - 我应该使用 JPG 还是 PNG 作为平铺背景(背景重复)?

我阅读了有关该主题的几个问题,我看到的一般反馈是JPGs 用于照片,PNGs 用于其他所有内容:

在以下情况下应使用 PNG:

  • 您需要透明度(1 位或 alpha 透明度)
  • 无损压缩效果很好(例如图表或徽标,或计算机生成的图像)

在以下情况下应使用 JPEG:

  • 无损压缩效果不好(比如照片)
  • 需要全彩

GIF 应该在以下情况下:

  • PNG 不可用,例如在非常旧的软件或浏览器上
  • 动画是必要的

但是,这些讨论似乎更适合图像下载。我的问题更适合图像渲染。我打算在 x 和 y 方向重复背景...

...我可以将我的图像存储为JPG~13K 或PNG~50K。因此,尽管有大约 40K 的差异,但浏览器将能够非常快速地提取此图像,因为它相对较小。但是当浏览器在页面上呈现图像时,这种差异是否重要,尤其是因为它是重复的背景?

0 投票
1 回答
48 浏览

css - 如何使用 css 将我的第二个 bg 图像“url(repeat_bg_right_side.png)”重新定位到页面的右侧?

我将如何重新定位url(repeat_bg_right_side.png)到页面的右侧?这些基本上是 2 个小图像文件,我用作列来填充 bg 的左右部分。感谢您抽出时间在 Windows 窗体中的 BackgroundImage 位置