1、IE6下的双边距BUG
IE6下浮动的块级元素有横向margin值，margin值成设置值的两倍
解决方法：加display:inline
2、IE6、7下li下的几px的间隙问题
在IE6、7下li本身没浮动，但是内容有浮动就会多出来几px间隙
解决方法：
1、li加浮动
2、li加vertical-align:top;
3、IE6最小高度问题
解决方法：overflow:hidden
时间： 2024-12-15 20:46:01
IE6\7下BUG
IE6\7下BUG的相关文章
ie6/7下给table的行tr 添加position:relative;的奇特bug,求大神告知
代码: <!DOCTYPE html> <html> <head> <title>ie6/7下给table的行tr 添加position:relative;的奇特bug,求大神告知</title> <style> * { padding: 0; margin: 0; } table tr { position: relative;float:left;overflow:hidden;z-index:1;height:100%;widt
IE6/IE7下：inline-block解决方案
IE6/IE7下对display:inline-block的支持性不好. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的: 对象呈递为内联对象,但是对象的内容作为块对象呈递.旁边的内联对象会被呈递在同一行,允许空格.(准确地说,应用此特性的元素现为内联对象,周围元素保持在同一行,但可以设置宽度和高度等块元素的属性) IE中对内联元素使用displ
IE6绝对定位的bug及其解决办法
IE6绝对定位的bug及其解决办法.position:absolute定位在IE6下存在left和bottom的定位错误问题: Example Source Code IE6下的left定位错误–> <!–IE6下的left定位错误–> 上面这段代码在IE6中定位错误. 解决办法有两种: 1.给父层设置zoom:1触发layout. 2.给父层设置宽度(width). Example Source Code –解决方法1 zoom:1–> –解决方法2 设置width–> 下
IE6/IE7下margin-bottom失效兼容解决办法及双倍边距问题
(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-04-08) 一.IE6/IE7下margin-bottom失效兼容解决办法 1.用padding-bottom代替:2.在父标签中加入overflow:hidden:或zoom:100%示例代码: 不正常显示 ul{} li{ list-style:none; float:left; margin:10px;} 1. 你会发现左边10px 变成20px了, 解决办法:在li的CSS中加入:display:inline
ie6常见css bug
相信每个前端人都会有同感——ie6这东西真是万恶啊!就连ms也大力鼓励消费者淘汰ie6,不过很不幸,大概是因为xp绑定了ie6,因此在国内ie6的市场占有率仍高达42.43%,这是今年2月份的数据.也正因ie6的高占有率,因此在网站开发时也不得不考虑兼容ie6,就算不做到完美兼容,来个基本兼容也是必须的,起码不要让你的网站在ie6中乱套了.今天就跟大家分享一些平时积累的ie6 bug解决方法. IE6双倍边距bug 当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧mar
jquery IE6 select.val() bug报错解决办法
原文地址:http://hi.baidu.com/kinghmx/item/395dbac3261292dcef183b52 最近在写一个页面,在出了ie6外的所有浏览器中都正常(ie7,8,9, firefox, chrome), IE6下提示 “无法设置selected属性.未指明的错误”. 后来发现是jquery 在 ie6 下操作 select控件有BUG. 我程序中是这样使用的: $("#genre").val(0); 改成: setTimeout(function(){
块级元素IE6/IE7下inline-block解决方案
转:块级元素IE6/IE7下:inline-block解决方案 IE6/IE7下对display:inline-block的支持性不好. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的: 对象呈递为内联对象,但是对象的内容作为块对象呈递.旁边的内联对象会被呈递在同一行,允许空格.(准确地说,应用此特性的元素现为内联对象,周围元素保持在同一行,但可
浮动在IE6,7下的一些问题
1.首先如果两个元素要并在同一行,使用float最好两个都加浮动 2.IE6下双边距问题,当有块级元素浮动的时候,该元素的横向margin值会被放大为两倍,解决办法:给该元素加display:inline即可. 3.li的一些问题 a:如果有两列布局,我们仅仅给右边加有浮动,在IE6,7下会折行,解决办法:正如第一条建议一样,要并在同一行的元素,最好都加浮动,所以这里只要给左列的元素也加上左浮动. b.IE6,7下LI内部的元素都浮动的话,li之间会有4px的间隙.解决办法:给li加vertic
IE6中常见bug
IE6与IE7的显示引擎均引用Layout布局的概念,因此有了很多的bug,其中IE7虽然也是采用布局概念,但在IE6的基础上修复了很多很多的bug.以下是对IE6的常见bug的收集. 拥有布局元素包括: /body/html(标准文档中)/table/tr/td/img/hr/input/select/textarea/button/iframe/embed/object/applet/marquee 查看元素是否拥有布局:JS函数hasLayout. 设置以下css属性会自动地使元素拥有布局