div+css的position
来源:互联网 发布:智能手机定位软件 编辑:程序博客网 时间:2024/06/05 08:17
前一阵子给公司设计部培训div+css,有一个地方自己也不是记得很牢靠,现在写一个笔记记下来。
1.css中absolute和relative之间的关系。如果外层div定义一个relative,那么内层的div可以用absolute去进行绝对的位置。
2.如果外层div没有position的属性,可以用relative对所有的内层div进行沙盘式的布局。
3.同时可以用relative配合滤镜这个工具进行覆盖操作,贴一个上次培训的时候用的代码。
<style type="text/css">
.out{width:100px;height:150px;}
.out .pic{width:100px;height:150px;}
.out .det{width:100px;height:20px;position:relative;z-index:99;bottom:20px;background:#000;filter:alpha(opacity=45);opacity:0.45;}
</style>
</head>
<body>
<div class="out">
<div class="pic"><img src="100.jpg" /></div>
<div class="det"><span style=" color:#FFF">测试</span></div>
</div>
- div+css的position
- div+css的position定位
- DIV+CSS定位position
- CSS的position:fixed的使用(固定不动的div)
- div+css position 定位问题
- div+css position定位浅析
- html css+div 万能的position居中方法
- 纯css解决position:abusolute的div居中显示
- css中absolute使用,用position和transform是div里面的div垂直居中
- CSS中position:fixed实现div居中及div内元素实现居中的方法
- CSS备忘录(Float,Position,Div,inline)
- css中position:fixed实现div居中
- 详解DIV+CSS布局,position:absolute布局
- 【JavaScript】div+css定位position详解
- CSS的position属性
- css的position
- css的position
- CSS的position属性
- Android 4.1新增功能特性
- Android_4.1 简介
- Android兼容性
- Android版本演进中的兼容性问题
- Android版本演进史
- div+css的position
- Android开发入门必看的知识体系
- 【Android开发】完善搜索功能-添加最近查询字段
- java.io.File中的绝对路径和相对路径.
- 手把手教你使用“谷歌云消息服务(GCM)"
- hdu 1728 逃离迷宫
- c#集合类的线程安全
- 免费高效为你的应用程序管理扩展文件
- 【Android开发】交互界面布局详解