CSS中常见问题解决方法.docVIP

1、IE6下DIV最小高度不能为0的解决方法： 添加overflow: hidden；属性 2、有些情况下a标签不能点击的解决方法： 添加：position：relative；属性 3、margin-left和margin-right产生双倍距离解决方案： display：inline； 4、IE6中奇数宽高的Bug: 解决方案就是将外部相对定位的div宽度改成偶数 5、IE6文字溢出Bug 给盒子家加上：position：relative； 6、链接伪类（:hover）CSS背景图片有闪动BUG： !--[if IE 6] script type=”text/javascript” document.execCommand(”BackgroundImageCache”,false, true); /script ![endif]-- 7、ie css hack： background-color:red\0;? /* ie 8/9*/ background-color:blue\9\0;? /* ie 9*/ *background-color:#dddd00;? /* ie 7*/ _background-color:#CDCDCD;? /* ie 6*/ } 8、将div固定在顶部 .phone400{ position:fixed; top:0; right:0; _position:absolute; _right:expression(eval(document.documentElement.scrollRight+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginRight,10)||0)-(parseInt(this.currentStyle.marginLeft,10)||0)); _top:expression(eval(document.documentElement.scrollTop)); z-index:100; } 9、让position:fixed在IE6下可用 .fixed-top/*头部固定*/{position:fixed;bottom:auto;top:0px;} .fixed-bottom/*底部固定*/{position:fixed;bottom:0px;top:auto;} .fixed-left/*左侧固定*/{position:fixed;right:auto;left:0px;} .fixed-right/*右侧固定*/{position:fixed;right:0px;left:auto;} /*上面的是除了IE6的主流浏览器通用的方法*/ *html,*htmlbody/*修正IE6振动bug*/{background-image:url(about:blank);background-attachment:fixed;} *html.fixed-top/*IE6头部固定*/{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));} *html.fixed-right/*IE6右侧固定*/{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));} *html.fixed-bottom/*IE6底部固定*/{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} *html.fixed-left/*IE6左