- 博客(8)
- 资源 (1)
- 收藏
- 关注
原创 定位元素position:relative在ie7下导致overflow失效的解决办法
今天遇到了 ie7浏览器下,overflow:hidden; 失效的情况,经过测试和排查,发现原来ie6,ie7有一个很坏的习惯就是:如果父对象有overflow:hidden属性,子对象中的position属性是relative或者absolute,那么在ie6和ie7下父对象的overflow会失效。解决方法:若子元素中是relative,则父对象加relative属性若子元素中是absolu...
2018-04-16 11:26:35 639
原创 ie6,ie7遮罩层被普通层遮住的解决方法
一个设置了position:absolute ; z-index :200;的浮动层,居然被一个设置position:relative;z-index:1;或者根本没有设置z-index 的普通层遮住了。这个奇葩的现象在ie8以上是不会发生的,出现在ie6和ie7里,解决的方法是:方法一:限定元素和浮动元素都要设置position属性和z-index 属性,只需给absolute层设置了z
2017-10-19 09:30:54 883
原创 在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
2017-10-13 09:40:01 305
原创 特性查询采用@supports规则,不同的浏览器支持不同的css属性
特性查询采用@supports规则,它使得我们可以将css 代码包裹一个条件块中,只有当浏览器的用户代理(user agent )支持某个特定的css属性时,该条件块中的样式代码才会生效,下面举个简单的例子来说:只有支持display:flex 的浏览器才会应用Flexbox样式@supports ( display:flex ) {.example{ display:flex; }
2017-10-11 09:07:25 403
原创 多行文本处理溢出省略的方法
<div class="example">单行文本溢出的处理方法,单行文本溢出的处理方法</div><div class="example-one">多行文本溢出的处理方法,多行文本溢出的处理方法多行文本溢出的处理方法,多行文本溢出的处理方法,多行文本溢出的处理方法,</div>单行文本溢出的处理方法<style> .example{ overflow:hidden; text-overf
2017-10-10 09:16:20 317
转载 移动端和PC端遮罩层弹出后,页面禁止滚动的解决方法
解决方案PC端pc端的解决思路就是在弹出遮罩层的时候取消已经存在的滚动条,达到无法滚动的效果。也就是说给body添加overflow:hidden属性即可,IE6、7下不会生效,需要给html增加overflow:hidden属性。解决方案移动端移动端取消滚动条是达不到效果的,这时就需要去除遮罩层和按钮层的touchmove的默认事件,代码如下:1 $('.
2017-10-09 09:27:19 8201 1
网上购物代码
2013-05-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人