Question

我试图模拟一个网格系统，所以我有一个函数`set_gridSize＆＃34;这将div的背景图像设置为网格。函数的输出将backgroubd图像设置为渲染的base64编码字符串。

$.css({"background-image", "url(data:image/svg+xml;base64,"+encode(xml) +")"});

所以我创建了这个，它看起来很有创意。问题是，当它滚动时，它也不会滚动图像。我在想它会。

有什么我做错了吗？是否有一个我想要解决的概念？

Answer 1

使用background-image属性，您无法做到这一点，但如果您将另一个div置于原始属性中并设置该background-image，则可行：{ {3}}

Answer 2

尝试使用background-attachment属性以及background-repeat：

$.css({
    "background-image": "url(data:image/svg+xml;base64,"+encode(xml) +")",
    "background-attachment": "fixed",
    "background-repeat": "no-repeat"});

当您滚动页面时，这将使图像保持最初的位置。

Example fiddle.

当我向下滚动具有背景图像的DIV时，图像不会像div那样滚动

2 个答案: