0

IE7 のスライド効果に少し問題があります。次のコードを含むネストされたリストがあります

   <div class="left_panel_body">
        <ul class="side_panel_list" style="margin-top:53px">
            <li id="click"><a>PQR</a></li>
                <div id="dropdown" style="display:none;">
                <ul style="list-style:none">
            <li><a href="#" style="padding-left:20px">xyz</a></li>
            <li><a href="#" style="padding-left:20px">xyz</a></li>
            <li><a href="#" style="padding-left:20px">xyz</a></li>
            </ul>
                </div>
            <li><a href="#">abc</a></li>
            <li><a href="#">abc</a></li>
            <li><a href="#">abc</a></li>
        </ul>
        </div>

cssは次のとおりです

    #click {background-color: rgb(234, 234, 234);
height: 24px;
margin-top: 2px;
width: 99%;}

   #dropdown {display:none}

    .side_panel_list li {background-color: rgb(234, 234, 234);
height: 24px;
margin-top: 2px;
width: 99%;}

頭の中に次のスクリプトがある間

   <script> 
    $(document).ready(function(){
    $("#click").click(function(){
    $("#dropdown").slideToggle("slow");
    });
    });
    </script>

言うまでもなく、適用される Css はあまりありません #click は onclick でスライドを開始します。 #dropdown while #dropdown は下のliの後ろになります...

4

1 に答える 1

0

IE7 で適切に表示するには、おそらく追加の CSS を追加する必要があります。

いずれにせよ、適切な回答を得るには、さらに多くのコードが必要になります。この場合、CSS を調査できるように URL を提供することもできます。

また、受け入れ率に取り組むことを検討してください。

于 2012-12-12T07:42:00.273 に答える