摘要：最近有一个需求，就是当屏幕往下一定像素时，下方会有一个隐藏的模块马上显现出来，向上运动后带有回弹效果。然后屏幕滚回去时这个模块能够原路返回其实这个效果css3就可以很轻松实现，但是公司要求最低兼容ie7，只能说是无缘了后来，利用jq的animate也能够实现，但是不知道怎么回事 当滚回去时有延迟，好... 阅读全文

摘要：涉及到css以及JavaScript。最终显示效果：点击红色按钮，会有视屏弹出 并带有遮罩层点击黄色区域可以关闭视频 并回到最初的状态。页面主要代码：main中主要包含一个a，控制显示的按钮。设置有id值。 以下代码就是用来控制视频的显示效果，.video-btn 包含了视频显示区域以及右边黄... 阅读全文

摘要：1、元素屏幕居中对齐相信很多人对margin：0 auto并不陌生，但是margin设置只能对齐左右，不能做到屏幕居中对齐。正确的做法是设一个position：absolute；top：50%；left：50；然而此时元素只是左上角居中了，设一个margin-left：-100px；margin-t... 阅读全文

摘要：1、H5标签兼容。主要是ie67.在使用header这样的h5标签时在在头部通过这样创建的叫做自定义标签。自定义标签都是内联元素。所以有的时候需要在css中声明为块元素。但是对每个h5标签都这样创建自定义标签就会很麻烦。这样可以引入一个插件，包含了对所有的h5标签的声明定义。2、ie6.元素浮动之后... 阅读全文

摘要：当触发以下两种模式后就是一块独立的区域 不受外界的影响。BFC (block formatting context) 标准浏览器（除了ie678的 其他浏览器）块级元素格式上下文 a、float的值不为none。 b、overflow的值不为visible。 c、display的值为table-ce... 阅读全文

摘要：float:left | right | none | inherit;文档流是文档中可显示对象在排列时所占用的位置。浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。clear:left | right | both | none | inherit；元素... 阅读全文