用javascript更改不透明度？

Question

我需要一些帮助来解决这个问题！我正在尝试更改位于我网站底部的工具栏（类）的不透明度。以下代码适用于Chrome和Firefox，但是当谈到IE8时......不会。我已经尝试了各种各样的东西来使这个工作，但为了保持这个帖子干净我不会列出所有。

<script>
        function hide() {
             $(".grid_10.bottombar").animate( { opacity: 0, left: 0 }, 1000 );
             $( ".ArrowBottom.float-right" ).show();
        }
  </script>

  <p>
        <img onclick="hide()" src="/images/BlueArrowSmall.png" />
  </p>

任何帮助将不胜感激！ 提前谢谢。

Answer 1

我将采用这种方式。仅使用jQuery并将事件侦听器附加到类。

$(function(){
   $('.bottombar').on('click', function(){
      $(this).animate( { opacity: 0, left: 0 }, 1000, function(){

        $('.ArrowBottom').find('.float-right').show();

      });
   });

});