Question

一旦触发事件，我就会向元素添加一个类。这个类应该改变元素的不透明度。这在Firefox中完美运行，但不适用于Chrome（和Canary）以及Opera和-big surprise-IE8。

这是CSS：

.bx-controls-direction .disabled {
  opacity: 0.5;
  background-color: #fff;
  cursor: default;
}

如果我使用检查器禁用该属性并再次启用它，它可以正常工作。奇怪的是，它适用于其他元素。这可以让我们假设JS存在问题，我会同意，但是这个类会被正确添加。

编辑：html（简化）

<section class="slider box">
    <div class="full-width first-line">
        <div class="one-third-with-padding box">
                <ul class="bxslider big-slider" data-has-pager="false" data-controlls-color="#9131dd">
                    <li class="text"><h2>Head</h2>
                      <div class="first" >
                        <p>Text</p></div>
                    </li>
                    <li class="text"><h2>HEAD2</h2>
                      <div class="first" >
                        <p>Text2</p>
                      </div>
                    </li>
                    <li class="text"><h2>HEAD3</h2>
                      <div class="first" >
                        Text3
                      </div>
                    </li>
                  </ul>
        </div>
      </div>
   </section>

<div class="bx-controls-direction">
  <a style="background-color: rgb(145, 49, 221);" class="bx-prev" href="">Prev</a>
  <a style="background-color: rgb(145, 49, 221);" class="bx-next disabled" href="">Next</a>
</div>

Answer 1

这是由Chrome中的一个5年前的错误引起的，但仍然没有修复（至少看起来像这样）。检查答案here。简而言之，您只需强制Chrome重绘元素。

添加的类定义的不透明度不会影响Webkit中的元素

1 个答案: