ie6 bug详谈

短命女 2022-01-06 06:19 178阅读 0赞

一、双外边距浮动bug

.left{
         float:left; margin-left:20px; }   //wrong

此left在ie6下的左外边距变成40px;此时的代码应改成：

.left{
        float:left; display:inline; margin-left:20px;}    //ok

二、3像素文本便宜bug

当文本与一个浮动元素相邻时，这个bug就会表现出来。

例如，假设将一个元素向左浮动，并且不希望相邻段落中的文本围绕浮动元素。

.myFloat{
         float:left; width:200px;}
    p{
        margin-left:200px;}

三、li下面一行的空白

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>li</title>
    <style type="text/css">
    * {
         padding:0;margin:0;}
    li {
          }
    li a {
         background:#CCC;border-bottom:1px #000 solid; display:block;}
    li a:hover {
         background:#BBB;}
    </style>
    </head>
    
    <body>
    <ul>
      <li><a href="#">11111</a></li>          //如果写成一行，如<li></li><li></li><li><li></li>即可
      <li><a href="#">22222</a></li>
      <li><a href="#">33333</a></li>
    </ul>
    </body>
    </html>

有三种办法：1：li\{display:inline;\} 2:li a\{ zoom:1;\} 3:li a\{ width:100%;\}

四：png在ie6下不透明的问题以及使用滤镜后a标签无法点击的解决办法

五：ie6文字溢出

参考：http://www.cnblogs.com/liko/archive/2011/04/28/2031860.html

http://www.web92.net/513.html

http://www.wufangbo.com/ie6-ie7-ie8-css-bug-2/ 比较全

转载于:https://www.cnblogs.com/positive/p/3620734.html

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关 IE6BUG解决方法

1.双边距BUG float引起的使用display：inline 2.3像素问题使用多个float和注释引起的使用dislpay:inline -3px 3.

拼搏现实的明天。/ 2023年08月17日 17:19/ 0 赞/ 60 阅读

相关 ie6

文章里面有些是自己写代码中遇到的,但更多的是从网上收集而来,然后自己测试后在记录上去(也蛮累的) 边写边记吧........... 1 .ie6下的select问题当

淡淡的烟草味﹌/ 2022年08月04日 01:52/ 0 赞/ 112 阅读

相关 IE6兼容性问题及IE6常见bug详细汇总

1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明<!doctype html> 2、

逃离我推掉我的手/ 2022年07月18日 05:53/ 0 赞/ 185 阅读

相关 IE6的3px bug解决方法

margin 3px 问题一直做得是兼容到ie7/ie8 一直听说ie下面有个bug是3像素的问题，今天刚好整理一下，测试一下。经测试（除了

缺乏、安全感/ 2022年07月16日 02:07/ 0 赞/ 123 阅读

相关 IE6中一些样式Bug及其解决方法

1. IE6双边距Bug 当页面上的某个元素使用float：left浮动时，则设置margin后的实际效果会变成2倍。例如在IE6中设置float: left; marg

╰+哭是因爲堅強的太久メ/ 2022年06月10日 12:58/ 0 赞/ 153 阅读

相关 IE6_BUG解决方案

摘自 [http://blog.sina.com.cn/s/blog\_6c8612790100wxsy.html][http_blog.sina.com.cn_s_blog_

傷城~/ 2022年01月11日 23:31/ 0 赞/ 194 阅读

相关 ie6 bug详谈

一、双外边距浮动bug .left{ float:left; margin-left:20px; } //wrong 此left在ie6下的左

短命女/ 2022年01月06日 06:19/ 0 赞/ 179 阅读

相关 IE6_BUG解决方案

摘自 [http://blog.sina.com.cn/s/blog\_6c8612790100wxsy.html][http_blog.sina.com.cn_s_blog_

骑猪看日落/ 2021年12月22日 09:09/ 0 赞/ 252 阅读

相关 IE Bugs 列表和解决方法

老外的 [http://haslayout.net/css/][http_haslayout.net_css]网站上,系统的总结了IE的一些Bugs，分享一下这个网站上包含

傷城~/ 2021年12月22日 09:07/ 0 赞/ 203 阅读

相关 ie6,ie7,ie8 css bug汇总以及兼容解决方法

1：li边距“无故”增加　　任何事情都是有原因的，li边距也不例外。　　先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象）

Love The Way You Lie/ 2021年12月13日 20:21/ 0 赞/ 292 阅读