12 2015 档案

摘要:最近有一个需求,就是当屏幕往下一定像素时,下方会有一个隐藏的模块马上显现出来,向上运动后带有回弹效果。然后屏幕滚回去时这个模块能够原路返回其实这个效果css3就可以很轻松实现,但是公司要求最低兼容ie7,只能说是无缘了后来,利用jq的animate也能够实现,但是不知道怎么回事 当滚回去时有延迟,好... 阅读全文
posted @ 2015-12-30 11:47 绵绵面包 阅读(3353) 评论(4) 推荐(1)
摘要:涉及到css以及JavaScript。最终显示效果:点击红色按钮,会有视屏弹出 并带有遮罩层点击黄色区域可以关闭视频 并回到最初的状态。页面主要代码:main中主要包含一个a,控制显示的按钮。设置有id值。 以下代码就是用来控制视频的显示效果,.video-btn 包含了视频显示区域以及右边黄... 阅读全文
posted @ 2015-12-18 19:44 绵绵面包 阅读(8451) 评论(0) 推荐(1)
摘要:1、元素屏幕居中对齐相信很多人对margin:0 auto并不陌生,但是margin设置只能对齐左右,不能做到屏幕居中对齐。正确的做法是设一个position:absolute;top:50%;left:50;然而此时元素只是左上角居中了,设一个margin-left:-100px;margin-t... 阅读全文
posted @ 2015-12-17 16:00 绵绵面包 阅读(367) 评论(0) 推荐(0)
摘要:1、H5标签兼容。主要是ie67.在使用header这样的h5标签时在在头部通过这样创建的叫做自定义标签。自定义标签都是内联元素。所以有的时候需要在css中声明为块元素。但是对每个h5标签都这样创建自定义标签就会很麻烦。这样可以引入一个插件,包含了对所有的h5标签的声明定义。2、ie6.元素浮动之后... 阅读全文
posted @ 2015-12-17 15:01 绵绵面包 阅读(509) 评论(0) 推荐(0)
摘要:当触发以下两种模式后就是一块独立的区域 不受外界的影响。BFC (block formatting context) 标准浏览器(除了ie678的 其他浏览器)块级元素格式上下文 a、float的值不为none。 b、overflow的值不为visible。 c、display的值为table-ce... 阅读全文
posted @ 2015-12-17 14:56 绵绵面包 阅读(149) 评论(0) 推荐(0)
摘要:float:left | right | none | inherit;文档流是文档中可显示对象在排列时所占用的位置。浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。clear:left | right | both | none | inherit;元素... 阅读全文
posted @ 2015-12-17 14:53 绵绵面包 阅读(295) 评论(7) 推荐(1)