找回密码
 立即注册

QQ登录

只需一步,快速开始

Eric.Liang 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-7-4 13:36  /   查看:9375  /  回复:8
本帖最后由 Eric.Liang 于 2018-7-4 13:36 编辑

登录页面设置背景一直是所有用户所需要的,毕竟每个公司都希望在登录页面上就给用户一种良好的体验。对于设置背景图片活字格也是完全可以驾驭的。
以前,大家设置背景图是这样设置的。
1.选择一个与背景页面大小相同的图片,放在背景页面右侧,溢出模式选择剪切,添加CSS文件。
2.CSS中将该图片的左侧像素调为0即可将该图片设置为页面背景。
具体操作详见这里:https://gcdn.grapecity.com.cn/fo ... hlight=%B1%B3%BE%B0

随着4.0版本的发布,页面拉伸功能的新增,很多用户发现,页面拉伸后原本设置的背景图片变样了,并不能满足自己的要求。

那么,在页面拉伸的情况下我们又该怎么设置背景图片呢?当然,方法肯定是有的,而且可以通用无拉伸的情况。

具体效果如下:
blob855554504.png

至于应该怎么实现,请大家和我一起往下看,我已在登录页面设置背景图片为例:
1.设置登录页面大小,新建母版页,保存母版页和登录页面大小一致。将登陆页面和母版页面的页面拉伸模式设置为双向拉伸。

2.在登录页面左上角添加图片单元格,注意:图片单元格的显示模式选择为填充。并设置CSS类名。
blob721653136.png

3.大家都知道单元格设置类名必然少不了CSS样式。添加CSS文件。
blob606785583.png
当你把上述操作完成之后运行你的系统,你会发现背景图片轻而易举的就设置好了。

Demo工程文件见附件,CSS样式文件可以在工程文件中获得。

设置背景全屏.fgcc

771.45 KB, 下载次数: 158

售价: 20 金币  [记录]

评分

参与人数 3满意度 +15 收起 理由
云海001 + 5
方方 + 5
ttddpdd + 5 很给力!

查看全部评分

8 个回复

倒序浏览
settings0
高级会员   /  发表于:2018-7-4 13:39:48
推荐
好神奇呀,我要给我的小程序也加个带色的背景。
回复 使用道具 举报
Eric.Liang讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-7-4 13:40:52
板凳
settings0 发表于 2018-7-4 13:39
好神奇呀,我要给我的小程序也加个带色的背景。

回复 使用道具 举报
504146555
金牌服务用户   /  发表于:2018-7-6 08:38:07
地板
本帖最后由 504146555 于 2018-7-6 08:45 编辑

挺好的,赞一个!有本事再多做些,把金币再都赚回去?            另外请问,指定区域用图片做背景填充怎么做啊?
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-7-9 13:20:01
5#
504146555 发表于 2018-7-6 08:38
挺好的,赞一个!有本事再多做些,把金币再都赚回去?            另外请问,指定区域用图片做背 ...

你在求助中心发一个帖子吧
回复 使用道具 举报
keeerp
注册会员   /  发表于:2018-7-13 16:12:03
6#
我好像没金币
回复 使用道具 举报
Eric.Liang讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-7-13 16:19:08
7#

论坛发帖,回复都是会有金币的。
回复 使用道具 举报
zhenghai
注册会员   /  发表于:2018-7-23 14:15:38
8#
我好像没有金币偶
回复 使用道具 举报
Eric.Liang讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-7-23 14:16:52
9#
zhenghai 发表于 2018-7-23 14:15
我好像没有金币偶

金币可以通过发帖,回帖获得
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部