全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
定位1、 相对定位(1)特点a、不影响元素本身的特性;b、不使元素脱离文档流(元素移动之后原始位置会被保留);c、如果没有定位偏移量,对元素本身没有任何影响;d、提升层级(2)相对定位的代码:先设置position为relative,再设置right/left/top/bottom的偏移量 2、 绝对定位(1)特点a、使元素脱离文档流b、提升层级c、如果父级元素有相对定位的,以父级元素为基准进行定位。否则以浏览器窗口为基准进行定位。例如:当div2设置为absolute时,div3会移动到div2的位置。又因为div2的层级被提升,div2会遮挡div3。因为现在div的父级元素是body,body并没有设置为relative,这时定位的基准是浏览器窗口。而body在浏览器的margin为8px,所以设置div2向左移动200px会遮挡住div3宽度为8px的区域。解决问题的办法有:把body的margin设置为0px或者把body设置为position:relative。把body的margin设置为0px,所有元素都紧贴在浏览器窗口body设置为position:relative,div相对于body定位3、 固定定位:就是固定在页面的某个位置,不随滚动条的移动而移动。布局:透明重叠块z-index:数值高的在上面透明色设置:opacity:0-1,0为完全透明,1为完全不透明 IE下面为filter:alpha(opacity=0-100),0为完全透明,1为完全不透明布局思路:设置一个父窗口为relative,然后子窗口就相对于父窗口便宜一点点
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 矿买卖合同范本
- 投资拓展方案
- 医疗前线防护服传染病专用
- 老年高血压-诊断与治疗的新进展
- 超声医学临床应用-运动医学诊断
- 《科技企业疫情防控预案》
- 传染病分类解析:商务楼宇防疫指南
- 2017-5 对消防水泵控制电路图的再思考(李顺康)-石家庄
- 高血压综合管理:企业健康管理策略
- 瓜蒌种植:病虫害防治工作总结
- 汽车维修清单
- 2022年08月广东实验中学公开招聘46名工作人员440黑钻模拟题3套1000题含答案详解
- GA/T 74-2017安全防范系统通用图形符号
- 2022中国劳动和社会保障科学研究院公开招聘7人(同步测试)模拟卷和答案
- 化工设备装配图与工艺流程图的绘制课件
- 建筑工地消防安全知识培训课件
- 茶苗购销合同范本(3篇)
- 进入车间注意安全事项课件
- SQLServer数据操作与查询考试复习题库(含答案)
- 八年级下册物理竞赛试题(含答案)2
- 2023年广德县社区工作者招聘考试笔试题库及答案解析
评论
0/150
提交评论