问题标签 [background-repeat]

I try to create heading like this...

Title --------------------

This line with a custom image background

HTML :

CSS :

Result :

Live : http://jsfiddle.net/5G2aq/

I try to repeat this image with X-axis and add some padding into the left.

But it doesnt work, 15px doenst work... or what ?

PS :Try to do with a single element <h2>, not :after or full-long image

Any trick ?

我想得到这里显示的效果：

http://jsfiddle.net/abalter/k8G3C/

背景图像是透明的。徽标和文字覆盖。

问题是，我希望背景图像重复-y。宽视口很好，但是当视口变窄时，文本会通过图像的底部。

如果我做：

然后背景在 y 方向上重复，但所有子元素也变得透明。我还没有找到一种在没有子元素的情况下使图像透明的方法。

我正在格式化背景图像，使其随视口缩放，但始终居中 - 图像的中间始终位于中间。（“纯 CSS 技术 #2”）

有什么建议么？

我目前正在尝试设计一些号召性用语按钮，并且我制作了一个动态宽度按钮，它由一个左右容器构建，然后是一个包含所有文本的中间容器。

中间的图片是 50 px 并且重复。

我的问题是，当图片 <=50px 时，背景图片中的绿色看起来是正确的。当它> 50px（并且背景图片正在重复）时，绿色似乎发生了变化。

有谁知道我做错了什么？

这是显示问题的两张图片：

模糊的：http ://d.pr/i/fz2b

正确的一个：http ://d.pr/i/cjgp

编辑：

我这样做如下：

我在 .left 和 .right 中的背景没有重复。我的背景图片仅在溢出时重复-当它溢出时，图片变为绿色。:-)

是否有 CSS 方法可以在特定位置停止重复的背景图像？

HTML：

CSS：

我想在位置 0 水平和垂直重复图像，并在重复图像达到垂直时停止重复height: 400px，例如 amax-height但仅用于背景并且不缩小.containerDIV。

.container我知道如何使用渐变背景来做到这一点，但是当DIV 甚至高于 400 像素时，是否还有重复图像背景的解决方案？

示例 CSS 渐变：

...

现在我想对图像做同样的事情，并将其停在 400 像素。

我在 Opera 12 中遇到了一个奇怪的问题：我有一个.svg链接在我的 css 代码中的图像。当我调整大小以缩小显示图像的页面时，Opera重复图像，就好像我没有在背景重复中使用“不重复”值一样。我错过了什么？

这是我的CSS代码：

我也试过这个：

但它没有用。为什么歌剧这样做？

我的 div 顶部、左侧和右侧的图像被截断时遇到问题。当我不设置background-repeat: no-repeat;图像时，图像只会在这三个点上重复，这会让人感觉很尴尬。

“X”是不受此影响的点。

当我设置background-repeat: no-repeat;它时，它会完全切断这些点并留下一个盒子状的形状而不是圆形。

顶部是三个中最引人注目的点

在 Chomre、Firefox 和 Safari 中测试。

这是CSS：

最后，提琴：Demo

我有一个背景图案，我想在垂直和水平方向上重复。我使用background-repeat:repeat;forbody并且它工作正常，但是当我将页面大小（使用 Viewport Resizer）调整为移动/平板电脑屏幕时，背景的一部分变为白色。什么可能导致问题？

所以我希望草在我的页脚上方从左到右填充。我很难让它重演。我将位置设置为固定，也浮动：离开但仍然没有运气。我会不断地将更多的图像硬编码到我的 HTML 中，但我觉得我可以使用 CSS 来做到这一点，并且不需要 100 行额外的代码。另外，如果用户使浏览器变大或变小，我希望图像可以增大或缩回。

现场演示

HTML

CSS

如果需要任何其他代码来帮助让我知道！

我现在花了几个小时尝试不同的事情来弄清楚如何在 css 中获取 2 个背景图像以扩展页面的整个宽度。

该网站在这里：http ://res-intel.com

我知道在#main 中定义宽度不会让它扩展。但是我想不出解决方案。我认为身体应该工作！我能做些什么？

太感谢了！

相关的CSS代码是：

当我在 CSS 中实现背景时，它覆盖了整个页面，但长度不足以覆盖我想要在其中写入的内容。我研究并发现了一个背景重复-y，我认为它会再次复制背景，使页面更长。当我编码背景重复时：y; } 到 CSS 中，它给了我想要的长度，但是分割了背景，所以它不会覆盖整个页面。大部分是白色的。我究竟做错了什么？谢谢。

HTML：

CSS：