问题标签 [background-repeat]

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

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

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

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

例如：

背景位置：-13px 顶部；背景重复：重复-y；

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

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

这是所需的效果（为清楚起见添加了间距）：

但这是实际效果：

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

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

可以说这是我们的精灵

（请忽略黑色表格）有没有办法重复左侧平铺图像上的灰色，使其看起来像重复的背景？

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

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

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

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

这给出了以下结果

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

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

在以下情况下应使用 PNG：

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

在以下情况下应使用 JPEG：

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

GIF 应该在以下情况下：

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

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

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

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