登录 注册

登录

问题 怎样实现鼠标滚动时背景图片与内容不同步滚动的效果

更多
2015年03月20日 14:34 - 2015年03月20日 14:36 #1 作者: 羿无名
白老师,我想请教一下怎样实现鼠标滚动时背景图片和内容滚动效果不同,看上去就像有两层页面在滚动一样。就像 www.dji.com/cn/product/inspire-1 一样
最后修改: 2015年03月20日 14:36 由 羿无名.

登录 或者   注册一个会员帐号 来参与讨论

更多
2015年03月21日 14:22 - 2015年03月21日 14:22 #2 作者: Joomla之门
给网页添加固定不动的背景图片,其实是一个 CSS 技巧。

基本操作如下:

1、将你的背景图片(注意选择好尺寸)上传到 images 目录下,例如 /images/image.gif ;
2、编辑你的当前模板 CSS 文件(或添加自定义 CSS 代码),给 body 标记插入如下代码:
background-image:URL("/images/image.gif");
 
background-repeat:no-repeat;
 
background-attachment:fixed;

应该就可以实现了。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!
最后修改: 2015年03月21日 14:22 由 Joomla之门.

登录 或者   注册一个会员帐号 来参与讨论

更多
2015年03月24日 14:54 #3 作者: 羿无名
白老师,我用的是t3_bs3_bank模板,这几天改了模板里的"/css/bootstrap.css",也改过"/tpls/home-2.php"里的body,但是保存后网也没有变化,查看网页源时body标签里也没有我改的东西,我该改哪呢?

登录 或者   注册一个会员帐号 来参与讨论

更多
2015年03月25日 09:30 #4 作者: Joomla之门
所有基于 JA T3 框架的模板,都默认允许用户创建自定义 CSS 文件,但是有一个标准命名规则:

你必须在模板自带的 css 目录中创建一个名为 custom.css 的文件,然后在这个文件里面写入你自己的自定义 CSS 代码。这样模板就会自动加载该文件。

当然,别忘了清空缓存然后刷新前台页面。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2015年03月25日 09:34 #5 作者: 羿无名
谢谢白老师,我试一下,不懂的再向您请教

登录 或者   注册一个会员帐号 来参与讨论