WordPress Cherry 3.x. 如何使视差背景图像静态/无滚动效果

本教程将向您展示如何制作 视差 background 图片静态(没有滚动效果)在WordPress.

WordPress Cherry 3.x. 如何使视差背景图像静态/无滚动效果

如果你有 Parallax background on your website，您可能不喜欢它对滚动的影响. 有一种简单的方法可以禁用此效果 CSS rule.

为了使 视差 background 图像静态时，需要做以下操作:

1. 检查 视差 background with Firebug开发工具 用于Mozilla Firefox(或任何其他) 开发人员工具 由你选择):

   

2. 找到 选择器 可以用来为其分配规则的 视差 background. 在我们的例子中，这是:

   .视差-bg-inner

   复制 选择器 对任何代码 editor 供你进一步参考:

   

3. 登录到WordPress管理面板，然后转到 Appearance -> Editor tab. Open style.css 将文件归档，并在文件末尾添加以下规则:

   			.视差-bg-inner {
   			位置:静态 !重要;
   			} 
   		

   

4. 保存更改并刷新您的 website.

你会看到 视差 background 现在是静态的，当您向下滚动页面时不会改变吗.

现在你知道怎么做了 视差 background 图像静态(无滚动效果).

请随时查看下面的详细视频教程:

WordPress Cherry 3.x. 如何使视差背景图像静态/无滚动效果