相信不少人做移动端项目的时候都会遇到position:fixed 的坑。下面提供一个解决方法,不用引入任何其他的js库,纯css解决。解决问题的关键就是:fixed元素内部必须嵌套一个position:absolute元素,用来装载内容,目的就是为了让内容脱离fixed文档流,屏蔽一些fixed的坑...
分类:
移动开发 时间:
2015-03-11 12:53:23
阅读次数:
176
Given an absolute path for a file (Unix-style), simplify it.For example,path="/home/", =>"/home"path="/a/./b/../../c/", =>"/c"click to show corner cas...
分类:
其他好文 时间:
2015-03-10 16:52:51
阅读次数:
216
.box{border:1px solid red;width:600px;height: 300px;margin:30px auto;position: relative;}
.box div{position: absolute;top:0;width:10px;height:10px;background:blueviolet;}
.l1{left:20...
分类:
其他好文 时间:
2015-03-10 10:33:23
阅读次数:
114
利用position:fixed属性新建一个全屏的层,将背景图片置于这个层中,这样就不会随着鼠标滚轮的滚动而改变背景图片的大小。
主要css:
.image_bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1}
.image_bg img{position:absolute;left:0;top:0;margin:0 auto;
width:100%;height:100%;z-index:-1}...
分类:
其他好文 时间:
2015-03-09 16:23:00
阅读次数:
174
#demo {
width: 100px;
height: 100px;
position:absolute;
border-radius:50px;
}
window.onload = function(){
var de...
分类:
Web程序 时间:
2015-03-09 09:28:59
阅读次数:
261
.black_overlay{ display: none;/*不显示,隐藏*/ position: absolute;/*绝对定位*/ top: 0%;/*距顶部0%[贴紧top]*/ left: 0%;/*距左侧0%[贴紧left]*/ width: 100%;/*宽度100%*/ height...
分类:
Web程序 时间:
2015-03-07 21:16:36
阅读次数:
179
一个简单的JS游戏,需要jquery插件,是根据Floyd的打飞机游戏进行了一些简化和修改,界面比较丑陋,添加些素材就好看多啦,比如加个背景图片,子弹换成各种礼物图片,黄色板砖换成礼物篮等等,编码闲暇之余用来放松还是不错的。
飞机接子弹
#panel{height:400px;width:300px;background:Black;position:absolute;lef...
分类:
编程语言 时间:
2015-03-05 10:51:27
阅读次数:
157
问题: 当父级元素为相对定位position:relative;,子元素为绝对定位position:absolute;并且层级较高时,一般浏览器显示为子元素在父元素之上,但IE7子元素却被父级兄弟元素遮盖在下面,解决: 1.可设置当前父级元素层级高于父级兄弟元素, 2.若子元素有下拉时,可设当...
分类:
其他好文 时间:
2015-03-03 14:52:24
阅读次数:
148
Given an absolute path for a file (Unix-style), simplify it.For example,path="/home/", =>"/home"path="/a/./b/../../c/", =>"/c"click to show corner cas...
分类:
其他好文 时间:
2015-03-03 08:38:50
阅读次数:
183
1.当元素使用了position:relative或者position:absolute才能激活 top left 等属性的使用!2.使用了position后,display无论设置了什么值都会以 inline-block的方式展示!3.元素1使用了position:absolute后,在内部的元素...
分类:
Web程序 时间:
2015-03-02 16:13:56
阅读次数:
155