background-position问题
来源:互联网 发布:软件著作权说明书范例 编辑:程序博客网 时间:2024/05/06 10:59
学到background-position,在练习的时候发现如下的代码并不能使背景图片处在页面的左中部。
<!DOCTYPE html><html><head><title>background-position</title><style type="text/css">body {background:#fff url(hm.jpg) no-repeat left;}</style></head><body></body></html>
审查元素后发现body高度为零,html高度为8px(百度后得知margin值默认为8px),可以猜测是由于body高度为零导致图片在竖直方向上位置出错。
1. 只设置background-attachment为fixed后属性生效,不过body高度依旧为零;
2. 只设置body的宽与高后,属性生效;
3. 将!doctype html头部信息去掉后,body高度大于0,属性生效;
因此可知头部信息中定义了body的默认高度为零,而在未声明头部信息的情况下,设置了背景图的body的大小可以根据显示页面自行调节(useless -。 -)。
疑问:1.在body高度为零的情况下背景图片是按照什么规则放置的?
2.设置body背景颜色为黑后即使body高度为零,页面的背景依然变成了黑色,为什么?
漏了很多东西没学啊……
0 0
- background-position问题
- background-position百分比的问题
- 关于背景background-position的问题
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position
- background-position背景图片定位,图片位置计算问题
- CSS背景图片的定位background-position的问题
- background-position 百分比问题,精灵图的实现
- CSS background-position Property
- Hibernate 知识记录 1--hibernate基本介绍
- 基于Unitils和Spring解决一些单元测试的常见问题
- mybatis的xml配置
- STM32F207+uCOS II 任务调度的问题
- C#日志扩展包之Microsoft Enterprise Library - Logging Application Block总述
- background-position问题
- 获取实现泛型接口的具体类的实现的类型
- Linux中fork()函数实例讲解
- nginx编译与安装
- Nginx配置文档详解
- windows 2008上启用防火墙后Oracle tnsping不通的解决办法
- ColorStateList改变按钮、文本框文字变色
- SQLite 删除表
- Alamofire网络库进阶教程