0

IE固有の問題があります。明るい面では、他のすべてのブラウザでうまく機能します。

.close_button_pageこの問題は、単純なアニメーション機能を実行するはずの画像をクリックしdivて、を左に移動すると発生します。

IE 8以下では、コンソールに無効な引数が表示されるだけです。私はこのような問題をオンラインで見つけましたが、問題に対処するものはありません。

注：現時点では、他にも多くのIEのバグ（z-indexなど）がありますので、無視してください。

HTML：

<div id="content-left">
    <img class="close_button_page" height="13" width="14" src="assets/images/close_button.png"/>
    <h2>Our process</h2>
    <h3>Even smaller title to this section</h3>
    <p>Dummy text to show that this is the home of Dukelease and that this site is of the utmost quality and will provide hours of fun by flicking through images.</p>
</div>

CSS：

#content-left {
  -webkit-box-shadow:#000000 1px 1px 5px;
  border-top-color:#FFFFFF;
  border-top-style:solid;
  border-top-width:3px;
  box-shadow:#000000 1px 1px 5px;
  float:left;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  position:relative !important;
  width:230px;
  z-index:10;
}
style.css (line 562)
#content-left, .bg_white {
  background-color:rgba(255, 255, 255, 0.949219);
}

JavaScript：

$(".close_button_page").click(function(){   

    $('#content-left').animate({
        marginLeft: '-260px'
    }, 1300, function(){
        $('.open_button_page').fadeIn(1000);
    });             
});
4

1 に答える 1

0

これを置き換えてみてください：

$(".close_button_page").click(function(){   

    $('#content-left').animate({
        marginLeft: '-260px'
    }, 1300, function(){
        $('.open_button_page').fadeIn(1000);
    });             
});

これとともに：

$(".close_button_page").click(function(){ 
    $('#content-left').toggle('slide');
});

ここでテスト済みhttp://jsfiddle.net/ollie101/RuVZ3/5/

于 2012-05-11T08:58:23.263 に答える