背景图片的居中显示
来源:互联网 发布:暴雪台服战网客户端mac 编辑:程序博客网 时间:2024/04/30 00:23
上一篇中的background-position设置成center后,背景图片在搜狗,chrome可以水平竖直居中显示,但是在firefox中只能水平居中,却无法显示竖直居中。
原来是缺少一句代码:background-attachment:fixed;
需要把 background-attachment 属性设置为 "fixed",才能保证该属性在 Firefox 和 Opera 中正常工作。
background-attachment 属性:如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。当文档滚动到超过图像的位置时,图像就会消失。可以通过防止这种滚动。通过这个属性,可以声明图像相对于可视区是固定的(fixed),因此不会受到滚动的影响;background-attachment 属性的默认值是 scroll,也就是说,在默认的情况下,背景会随文档滚动。(来自w3c教程)
附上完整代码:
background-image: url(../images/loginlogo.png), url(../images/loginbox.jpg), url(../images/loginbg.jpg);background-attachment:fixed;background-repeat:no-repeat,no-repeat,no-repeat;background-position:50% 40%, 50% 60%, 50% 50%;
- 背景图片的居中显示
- 背景图片居中全屏自适应显示
- 永远居中的背景图片
- css背景图片全屏显示加居中显示
- 背景图片居中显示三种方法
- div中添加背景图片及居中显示
- css背景图片居中的方法
- 背景图片居中
- 背景图片居中
- 背景图片居中
- 如何使带背景图片的Button按钮中的文字居中偏上显示
- 随机显示的背景图片
- 显示背景图片的一部分
- JavaScript 11 永远居中的背景图片
- 图片居中问题---适用于主页的背景图片
- RadioButton的背景图片和文字居中对齐
- 背景图片始终居中的两种方式
- CSS样式中,background-image 背景图片如何居中显示
- AsyncQueryHandler
- ADF Region性能调优之 Activation 属性
- 关于2-sat判定求解中“同一组内必须选择”问题的思考
- JScript版的的CollectionBase类
- 有两个双向循环链表A,B,知道其头指针为:pHeadA,pHeadB,请写一函数将两链表中data值相同的结点删除
- 背景图片的居中显示
- Android Bitmap 使用
- WinCE下自定义的大软键盘
- ios消息推送机制原理与实现
- Openfire和Spark本地开发环境搭建记要
- 2012年08月29日--如何在JSP页面中提高响应速度
- 持久框架对象
- extern与static用法
- 装饰模式