本帖最后由 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版本的发布,页面拉伸功能的新增,很多用户发现,页面拉伸后原本设置的背景图片变样了,并不能满足自己的要求。
那么,在页面拉伸的情况下我们又该怎么设置背景图片呢?当然,方法肯定是有的,而且可以通用无拉伸的情况。
具体效果如下:
至于应该怎么实现,请大家和我一起往下看,我已在登录页面设置背景图片为例:
1.设置登录页面大小,新建母版页,保存母版页和登录页面大小一致。将登陆页面和母版页面的页面拉伸模式设置为双向拉伸。
2.在登录页面左上角添加图片单元格,注意:图片单元格的显示模式选择为填充。并设置CSS类名。
3.大家都知道单元格设置类名必然少不了CSS样式。添加CSS文件。
当你把上述操作完成之后运行你的系统,你会发现背景图片轻而易举的就设置好了。
Demo工程文件见附件,CSS样式文件可以在工程文件中获得。
|
|