Chrome 在 Bootstrap Gradient 中表现异常 [重复]

Question

从一天到另一天 Chrome 突然对 Bootstrap 类 .bs-gradient 表现不同 它将渐变随机更改为黑色、浅蓝色、深蓝色等颜色的中断：

这是其中一个盒子的代码：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">

<div class="col clickable">
  <div class="click_left"></div>
  <div class="click_right"></div>
  <div class="card bg-primary bg-gradient">
    <div class="card-body">
      <div class="stock_item">
        <div class="stock_name row">
          <div class="col">
            T-Shirt Motiv Zirkuskind Blau 140
          </div>
        </div>
        <div class="stock_qty row">
          <div class="col-4">
            <button type="button" class="btn btn-danger">
                                                    <i class="bi bi-dash-lg"></i>
                                                </button>
          </div>
          <div class="col-4 qtydiv">
            <div class="qtyfield" data-id="">
              10
            </div>
          </div>
          <div class="col-4">
            <button type="button" class="btn btn-success">
                                                    <i class="bi bi-plus-lg"></i>
                                                </button>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>

使用其他浏览器，甚至在我的手机上使用 chrome 都可以正常工作。

这些是 Bootstrap 5 赋予“bs-primary”、“bs-gradient”和“card”类的属性：

Answer 1

好的，我在 Chrome 中关闭了硬件加速。现在它可以正常工作了。