标签: internet-explorer-6

列表项变为浮点数:左侧块在IE6中看起来很奇怪

我的UL看起来像这样:

<ul class="popular-pages">
    <li><a href="region/us/california/">California</a></li>
    <li><a href="region/us/michigan/">Michigan</a></li>
    <li><a href="region/us/missouri/">Missouri</a></li>
    <li><a href="region/us/new-york/">New York</a></li>
    <li><a href="region/us/oregon/">Oregon</a></li>
    <li><a href="region/us/oregon-washington/">Oregon; Washington</a></li>
    <li><a href="region/us/pennsylvania/">Pennsylvania</a></li>
    <li><a href="region/us/texas/">Texas</a></li>
    <li><a href="region/us/virginia/">Virginia</a></li>
    <li><a href="region/us/washington/">Washington</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

和CSS看起来像这样:

ul.popular-pages li a { 
    display:block; 
    float:left; 
    border-right:1px solid #b0b0b0; 
    border-bottom:1px solid #8d8d8d; 
    padding:10px; 
    background-color:#ebf4e0; 
    margin:2px; color:#526d3f 
}
ul.popular-pages li a:hover { 
    text-decoration:none; 
    border-left:1px solid #b0b0b0; 
    border-top:1px solid #8d8d8d; 
    border-right:none; 
    border-bottom:none;
}
Run Code Online (Sandbox Code Playgroud)

所以它在现代浏览器中运行良好,但它在IE6中看起来像这样.有什么建议? 替代文字

css internet-explorer-6

1
推荐指数
1
解决办法
5513
查看次数

如何阻止IE6通过负边距剪切位于其父元素之外的元素?

我有一个元素通过负边距位于其父元素之外,如下所示:

<style>
.parent {
    height: 1%;
}

.element {
    float: left;
    margin-left: -4px;
}
</style>

...

<div class="parent">
    <div class="element">Element</div>
</div>
Run Code Online (Sandbox Code Playgroud)

在Internet Explorer 6中,位于.element其父元素外部的部分被剪切,即不可见,隐藏,中断.我该如何解决?

css internet-explorer internet-explorer-6

1
推荐指数
1
解决办法
1723
查看次数

IE6双边距错误

当我们将一个固定宽度的div元素浮动到左边时,它margin-left的值加倍.有没有解决方案?

我更喜欢不需要JavaScript的解决方案.

css internet-explorer internet-explorer-6

1
推荐指数
1
解决办法
560
查看次数

jQuery IE7 - 只在路径中单击寄存器到第一个元素

$('div#Categories > div.categories  a#showhide').click(function(){
        // Get the subManufacturers list
        var subCatList = $(this).parent().find('ul#hiddenSubCategories');

        // If collapsed do expand
        if (subCatList.css('display') == 'none')
        {
            subCatList.slideDown('slow');
            $(this).find('span').html('Hide');
        }
        else 
            {
            subCatList.slideUp('slow');
            $(this).find('span').html('View All');
        }

        // Stop link from doing anything
        return false;
    });
Run Code Online (Sandbox Code Playgroud)

上面的代码在IE8,Firefox和Chrome中完美运行(尚未在Opera中测试),但仅将click函数注册到第一个匹配元素而不是所有匹配元素.这是一个已知的错误或该网站独有的东西,因此在其他地方是一个问题.

javascript jquery internet-explorer-7 internet-explorer-6

1
推荐指数
1
解决办法
720
查看次数

对象不支持使用jQuery在IE6中执行此操作

出于某种原因,以下javascript行在object doesn't support this actionIE6中给我一个错误:

item = ui.item.get(0);
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?我完全迷失了.

jquery user-interface internet-explorer-6

1
推荐指数
1
解决办法
981
查看次数

表格td上的CSS背景颜色在Internet Explorer 6中显示不正确

我有一些非常简单的HTML和CSS在Internet Explorer 6中不起作用.

<!DOCTYPE HTML>
<html>
    <head>
        <style>        
            table td.one.read {background-color:#FFD700;}
            table td.two.read {background-color:#0000ff;}
            table td.three.read {background-color:#ff8c00;}
        </style>
    </head>

    <body>
        <table>
            <tr class="head">
                <td></td>
                <td class='one read'>one</td>
                <td class='two read'>two</td>
                <td class='three read'>three</td>
            </tr>

            <tr>
                <td>Legend</td>
                <td class='one read'>1</td>
                <td class='two read'>2</td>
                <td class='three read'>3</td>
            </tr>
        </table>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

一个简单的表,每列具有不同的背景颜色.我删除了一堆其他的CSS/HTML以保持简单.问题是所有列在Internet Explorer 6中显示为相同的橙色,在Firefox中工作正常.

我怎样才能使它工作?

html css html-table background-color internet-explorer-6

1
推荐指数
1
解决办法
8734
查看次数

从IE6伪造IE7或IE8

我知道这听起来有点疯狂,但是我的客户端正在使用IE6,我对浏览器有很多问题,如果用IE6打开网站有什么办法吗,让它表现得像IE7或IE8?PS:我不是疯了:)

internet-explorer-6

1
推荐指数
1
解决办法
352
查看次数

CSS编译器并将IE hacks转换为条件css

跳到底部问题,​​但首先是一个小环境.

所以我一直在研究CSS编译器(比如Sass&Less),并且对它们非常感兴趣,不是因为它们帮助我更容易理解(我已经做了几年css了)而是他们减少了残疾,帮助我更轻松地看待事物.

我最近一直在研究可靠地实现内联块(和clearfix),它需要大量无关的代码和黑客.现在据该领域的所有权威人士说,我不应该把IE黑客放在我做CSS的同一页面上,我应该让它们有条件.但对我来说,通过管理所有这些额外的代码是一个非常大的麻烦,这就是为什么我真的喜欢像Less这样的东西.您可以指定一个mixin并将其应用一次,而不是应用非语义类.

所以我想我得到了一些曲目(我想解释一下我的观点),但最重要的是,我正处于这些CSS编译器对我非常有用的地步,并允许我抽象出很多东西,并且可靠地应用它们一次然后编译它.我想有一种方法能够将IE特定的样式编译到他们自己的条件文件(ala Less/Sass)中,所以我不必无故地处理2个文件.

是否有类似脚本/应用程序运行并且可以使下划线/星形黑客攻击他们自己的文件?

css internet-explorer sass less internet-explorer-6

1
推荐指数
1
解决办法
3172
查看次数

在IE6中,如何将项目向右移动而不清除它?

在IE6中,HTML如下:

<div id="topmenu">
    <ul>    
        <li>num 1</li>
        <li>num 2</li>
    </ul>
    <div id="rightItem">Hello World</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS如下:

#rightItem {
    cursor: pointer;
    float: right;
    clear: none;
    height: 100%;
    width: 340px;
}

#topmenu {
    margin: 0 auto;
    text-align: left;
    width: 960px;
    height: 41px;
}
Run Code Online (Sandbox Code Playgroud)

它在除IE6之外的所有浏览器中将itemRight浮动到同一行(第一个UL然后是rightItem)的右侧.在IE6中,它是清除并向右浮动.我如何修复IE6?

css css-float internet-explorer-6

1
推荐指数
1
解决办法
612
查看次数

在html页面中显示javascript代码

在IE Quirks模式下,我想使用以下代码在html页面上显示一些javascript函数:

document.write('<pre>' + someFunction + '</pre>');
Run Code Online (Sandbox Code Playgroud)

但是如果函数的源包含'<',则只显示'<'之前的源代码.

例如 :

function a(j){
   var i = 0;
   if(i<j){
       alert(j + ' is greater than zero');
   }
}
Run Code Online (Sandbox Code Playgroud)

将显示为:

function a(j){
       var i = 0;
       if(i
Run Code Online (Sandbox Code Playgroud)

如何让它显示一个函数的完整源代码?

html javascript internet-explorer-6

1
推荐指数
1
解决办法
5255
查看次数