在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。1.第一种情况(z-index无...
分类:
其他好文 时间:
2015-01-13 10:28:02
阅读次数:
92
悦美 .swipe { margin:auto; position:relative; overflow:hidden; visibi...
分类:
Web程序 时间:
2015-01-12 19:12:45
阅读次数:
505
## 介绍 ### CSS Position有四个属性: 1. relative 2. absolute 3. fixed 4. static(默认) ## 样例 sub1 sub2 sub1和sub2是同级关系,parent是它们的父级元素。 ## 1. relative(相对定位) 相对定位指的是相对...
分类:
Web程序 时间:
2015-01-09 19:37:46
阅读次数:
168
1,transition属性
个人非常习惯用transition过度属性,简单易用。大家称他为animation简化版本。
例如:
.contain{
width: 392px;
position: relative;
bottom: -20px;
opacity: 0;}
.contain.on{
bottom: 0;
opacity: 1;
tra...
分类:
Web程序 时间:
2015-01-09 09:18:58
阅读次数:
319
1、要清楚Affix分别赋予的class, 开始:affix-top 达到top参数:affix 达到bottom参数:affix-bottom2、一定要自定义这些class,否则 插件会默认给你在达到bottom参数时加上relative,会严重影响bottom参数时的样式。3、样式没有特殊...
分类:
其他好文 时间:
2015-01-09 06:56:12
阅读次数:
280
static:默认的position值,按普通的文档流方式定位relative:position设为relative时元素所占空间仍然存在,而设relative后的元素top、left、right、bottom都是相对于该元素原本所占的空间absolute:position 设为absolute时元...
分类:
其他好文 时间:
2015-01-09 01:29:01
阅读次数:
195
相较于原生的JavaScript,不同的JavaScript文件之间很难共享变量。有鉴于此,Node.js在JavaScript的基础上进行了扩充,引入了require,exports,module三个global object。一、absolute module 和 relative modu.....
分类:
Web程序 时间:
2015-01-08 21:34:25
阅读次数:
224
position:absolute这个是绝对定位;是相对于浏览器的定位。比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position:relative是相对定位,是相对于前面的容器定位的。这个...
分类:
Web程序 时间:
2015-01-08 19:58:02
阅读次数:
172
最近做了一个webapp 需求是要滑动页面翻页,我使用了大量绝对定位当遇到输入框时,在部分手机上发现了问题。虚拟键盘收回时,整个body全部下移了,经过多次测试,发现是fixed布局的音乐按钮造成的,改为relative布局后,就正常了,看来绝对定位在手机上还是要慎用啊!!附app地址2015ica...
分类:
移动开发 时间:
2015-01-07 20:32:13
阅读次数:
208
<html> <head> <meta charset="utf-8" content="text/htnl"> <title>button</title> <style type="text/css"> a.button{ position:relative; width: 80px; height: 50px; background-color: red; display: block;...
分类:
Web程序 时间:
2015-01-07 19:20:13
阅读次数:
213