用javascript改变不透明度？答案

【问题标题】：Change opacity with javascript?用javascript改变不透明度？
【发布时间】：2012-12-09 22:40:45
【问题描述】：

我需要一些帮助来解决这个问题！我正在尝试更改位于我网站底部的工具栏（类）的不透明度。以下代码适用于 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>

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

【问题讨论】：

查看 htis SO 链接：stackoverflow.com/questions/4659430/…
尝试将float: left 添加到.grid_10.bottombar css....
它工作正常。问题是什么？请参阅：jsfiddle.net/JaccY/1 我也在 IE8 中测试
感谢 Javad_Amiry 的评论。也许我的网站有不同的潜在问题？你介意看看吗？它绝对不适用于 IE8。 computerbytez.com隐藏栏的图片在右下角！

标签： javascript jquery

【解决方案1】：

我将采用这种方式。仅使用 jQuery 并将该 evenListener 附加到该类。

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

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

      });
   });

});

【讨论】：