u010885137的博客

原创 jst获取和判断浏览器窗口、屏幕、网页的高度、宽度

原创 定位元素position:relative在ie7下导致overflow失效的解决办法

今天遇到了 ie7浏览器下，overflow:hidden; 失效的情况，经过测试和排查，发现原来ie6,ie7有一个很坏的习惯就是：如果父对象有overflow：hidden属性，子对象中的position属性是relative或者absolute，那么在ie6和ie7下父对象的overflow会失效。解决方法：若子元素中是relative,则父对象加relative属性若子元素中是absolu...

原创 ie6，ie7遮罩层被普通层遮住的解决方法

一个设置了position：absolute ； z-index ：200；的浮动层，居然被一个设置position：relative；z-index：1；或者根本没有设置z-index 的普通层遮住了。这个奇葩的现象在ie8以上是不会发生的，出现在ie6和ie7里，解决的方法是：方法一：限定元素和浮动元素都要设置position属性和z-index 属性，只需给absolute层设置了z

原创 在ie6,7,8中，样式编写中特有的写法，

区分ie的各个版本color:#ffff00\9; /*使用与ie6,ie7,ie8 */*color:#ffff00; /*使用ie7*/_color:#ffff00; /*使用ie6*/在标准模式中，样式编写"-" 是ie6专有的hack"\9"在ie6\ie7\ie8\ie9都生效"\0"在ie8\ie9\ie10都生效，是ie8\9\10的hack"\9\0"只对ie9\ie

原创 box-shadow的值的意思

box-shadow的值的意思

原创 特性查询采用@supports规则，不同的浏览器支持不同的css属性

特性查询采用@supports规则，它使得我们可以将css 代码包裹一个条件块中，只有当浏览器的用户代理（user  agent )支持某个特定的css属性时，该条件块中的样式代码才会生效，下面举个简单的例子来说：只有支持display:flex 的浏览器才会应用Flexbox样式@supports ( display:flex ) {.example{ display:flex; }

原创 多行文本处理溢出省略的方法

<div class="example">单行文本溢出的处理方法，单行文本溢出的处理方法</div><div class="example-one">多行文本溢出的处理方法，多行文本溢出的处理方法多行文本溢出的处理方法，多行文本溢出的处理方法，多行文本溢出的处理方法，</div>单行文本溢出的处理方法<style> .example{ overflow:hidden; text-overf

转载 移动端和PC端遮罩层弹出后,页面禁止滚动的解决方法

解决方案PC端pc端的解决思路就是在弹出遮罩层的时候取消已经存在的滚动条，达到无法滚动的效果。也就是说给body添加overflow：hidden属性即可，IE6、7下不会生效，需要给html增加overflow:hidden属性。解决方案移动端移动端取消滚动条是达不到效果的，这时就需要去除遮罩层和按钮层的touchmove的默认事件，代码如下：1 $('.