问题标签 [background-repeat]

我正在构建我的第一个博客模板，并试图重复博客文章背景。我不希望博客文章背景达到顶部。有没有办法不使用repeat-y 命令或设置repeat-y 的限制和参数的方法？

我已经包含了一个指向我的博客的链接，就像它目前一样。如果您查看博客，我正在尝试使标题的唯一背景是页面背景，而不是白色帖子背景。提前感谢任何能够提供帮助的人！:)

博客链接：http ://shoelacesand.blogspot.com/

我是编码的初学者，我从以下网站学习编码：ProgrammingKnowledge youtube 频道。我想制作一个可以工作的背景拉伸图像，但它会自我重复。我在谷歌搜索这些工作都没有。他们只是把我的文字放在背景下，掩盖文字。请问有人能告诉我代码吗？img 在我的文件夹中，我的代码在这里： http: //pastebin.com/ptybcjcg

我现在尝试在一个 div 中获取多个背景图像。两者都必须重复-x。

第一个图像应从左上角开始，最多为div 的 50%。

第二个应该从div的中间到右端开始。

我尝试了以下方法：

我的问题是只显示 image1 。

密码笔

我有两张图片，应该是一张。概念图：

高度（外部图像）将始终为 773px。我想在不拉伸图像的情况下获得宽度为 100% 的图像。所以我需要/想要使用reapeat-x. 但是由于内部图像需要填充/边距以适合外部图像，所以这有点问题。

所以我尝试的是重复外部图像并使用:after元素复制内部图像。但我真的不喜欢这个选项，因为它在缩放时会中断。

所以我的问题是：我怎样才能更好地处理这种情况？

我试图让我的背景图片只在页面顶部显示一次。当我打开实时预览（在括号中）时，它会正确加载，也就是说，只有一次。当我重新加载页面时，它会重复，就好像没有使用不重复标签一样。如果我删除一行并将其放回原处，则实时预览会返回显示正确的非重复背景，但是一旦我在预览窗口中点击重新加载，它就会返回重复。请帮忙。

这是代码：

我也尝试过以下表格：

和

和

有任何想法吗？？？

在 Firefox 上缩小到 40% 时，图像会消失。直到缩放 50%，这都很好。然而，在放大 40% 时，它就消失了：

而在 Chrome 中，图像仍然可见但略微未对齐，这发生在不同的缩放级别：

这一次 Internet Explorer 实际上显示了预期的结果，无论缩放如何！

trident 与 webkit 和 gecko 有什么不同，我该如何修补它？

以下是所有相关代码：

这是一个例子。我想裁剪背景图像，然后使用裁剪图像作为更大（尺寸）元素的背景。我的意思是 div 比它的背景大，我不需要重复。现在当background-repeat未注释时，元素消失。但我认为它会显示裁剪后的不重复背景。

我创建了方形图像并将其用作 div 的重复背景图像。

https://jsfiddle.net/cethbqog/2/

我将其应用于：

我想这将是连续 20 个单元格，但它没有发生。有人可以帮我吗？

由于升级到 Chrome 47 打印网页出现问题。我们有一个在每个打印页面上重复的背景图像。自 Chrome 47 以来，此图像分辨率低/质量差。如果图像不重复，则质量很好。

效果很好：打印页面上的图像清晰。

给出不好的结果：图像模糊、分辨率低、质量差。

有谁知道如何解决这个问题？

我使用 SVG 图像（图案）作为背景来获得这种效果：我使用background-repeat: repeat-x;它来使其具有响应性。

示例图片

在某些浏览器中，重复的 SVG 图像之间存在少许间隙。

有没有办法在 CSS 中做到这一点（牢记跨浏览器兼容性）？