Question

In IE8 the toggle kinda works but it overlays the content below. It works fine in all the other browsers. I ve been trying for the past 2 hours to fix this but no luck...

rel=“nofollow> 这里指的是:

www.un.org/Depts/DGACM/index_spanish.htm

$(document).ready(function() {  

    $( .toggle ).hide();

    $( .expand-all ).click(function(){
        // switch visibility
        $(this).data( is_visible , !$(this).data( is_visible ));

        // change the link depending on whether the element is shown or hidden
        $(this).html( (!$(this).data( is_visible )) ?  Expand all  :  Hide );

        $(this).next().toggle();

    return false;
    }); 


});

<><>:>

    <div id="categories">
        <div class="cat">
            <h3>Rice</h3>
            <ul>
                <li><a href="">Rice brand 1</a></li>
                <li><a href="">Rice brand 2</a></li>
                <li class="expand-all">Expand all</li>
                <div class="toggle">
                    <li><a href="">Rice brand 1</a></li>
                    <li><a href="">Rice brand 1</a></li>
                </div>
            </ul>
        </div>
        <div class="cat">etc</div>
        <div class="cat">etc</div>
        <div class="cat">etc</div>
    </div>

Answer 1

看来是你在“<编码>上出现的问题:你正在设定的在线24财产。

这里要尝试的是,就更多的事情而言,只尝试谷歌“因特网探索器8 inline-block”:

另外,E7将不接受<代码>的显示:在网上-24上的财产,因此,你需要在你的代码中添加这一内容,使之在E7号文件中发挥作用:

.some-ele {
    display  : inline-block;
    *display : inline;
    zoom     : 1;
}

For IE6 you need to specify a height for display : inline-block to work but if you only want to specify a height for IE6 you can use _height : XXpx which will only be read by IE6 (more invalid code that IE will digest). Here is some info on this: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

友情链接