zoukankan      html  css  js  c++  java
  • CSS BUG 总结

    1.IE7 容器使用了滚动条  其子元素中使用 position:relative ,position变成了fixed,从而不随容器的滚动条滚动;

      解决:

      在其容器元素的属性中也加入 position:relative  (也就是使用滚动条的元素)

    2.IE7 高度100% 问题

      在IE7 中,如果父对象没有使用过高度,可以正常,如果父对象(并不局限与直接父对象)使用了告诉,在设置100% 后就会继承上面的高度

      在做 展开 收缩 的时候遇到的问题

      最后使用的方法是  隐藏的文字的父对象设置固定高度  并且 overflow:hidden ,展开时 用 JS 算出实际需要的高度

    $('#c_toggle').toggle(function(){
    		var haha = $('#real p').innerHeight();
    		var la = haha + 'px';
    		$(this).html('收缩');
    		$('#real').stop().animate({'height':la},200);
    	},function(){
    		$(this).html('展开');
    		$('#real').stop().animate({'height':'25px'},200)
    	});
    
  • 相关阅读:
    web前段学习2017.6.15
    web前段学习2017.6.13
    web前端2017.6.10
    web前段2017.6.8
    web前段学习2016.6.6
    宏任务与微任务
    浏览器兼容性问题
    TCP 和 UDP 的区别
    React如何渲染大数据量的列表?
    移动端兼容性问题
  • 原文地址:https://www.cnblogs.com/mr-amazing/p/3782604.html
Copyright © 2011-2022 走看看