着陆页. 如何用图像代替视频背景

Hello! 本教程展示了如何替换视频 background 里面有一个图像 登陆页模板.

着陆页. 如何用图像代替视频背景

如果你想替换视频 background 用标准 background 图片，你可以按照下面列出的步骤:

首先，您应该禁用 script 这就加载了视频.

1. Using FTP/文件管理器 navigate to / js /脚本.js 文件并打开以进行编辑.

2. 在打开的文件中找到以下代码:

	(function ($) {
	Var 0 = $(').vide');
	if (o.length > 0) {
	包括(“js / jquery.vide.js');
	}
	}) (jQuery);

Simply 注释掉/删除上述代码，使其看起来像下面的代码:

	/*(function ($) {
	Var 0 = $(').vide');
	if (o.length > 0) {
	包括(“js / jquery.vide.js');
	}
	}) (jQuery); * /

保存文件以应用更改:

你可以看到视频已经从页面上消失了。

现在加上a background 图像到页面.

1. 上传所需文件 background 图像到 /images/ 文件夹，比如，名字 “background-image.jpg”.

2. 然后,使用 Firebug 扩展的 Firefox browser 或标准 “检查元素” 另一个的特征 browser 找到视频被分配到的班级:

   

3. 现在，我们来分配 CSS rule 到前面找到的类，所以规则如下所示:

	.vide {
	背景图片:url(”../图片/背景图像.jpg");
	}

将代码添加到您的 /css/style.css file:

不要忘记保存文件以应用更改.

导航回您的站点并刷新页面以查看更改.

The background 镜像设置成功.

这是本教程的结尾，您已经学会了如何更改 background 在登陆模板中.

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

着陆页. 如何用图像代替视频背景