Ionicのdivにホバー

Question

私はイオンでアプリを作成していますが、ホームサイトには2人の写真があります。背景画像には灰色のフィルタがあります。ユーザータブで不透明度を0.7から0.4に変更するときにホバー上に表示したい。しかしコード：Cssのホバーは機能しません。ここに私のコードは、私はあなたのコードをテストし、それが働いた

 <a class="col-50 div2" ui-sref="belege"> 
      <div class="opaq-bg"></div> 
      <span>Belege</span> 
     </a> 

、ここでCSSファイル

#home .div1{ 
    background-image: url(../img/checkliste.jpg); 
    color: #fff; 
    text-decoration: none; 
} 
#home .div2{ 
    background-image: url(../img/belege.jpg); 
    color: #fff; 
    text-decoration: none; 
} 

.opaq-bg { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    background-color: rgba(68, 68, 68, 0.7); 
    z-index: 0; 
} 

.opaq-bg:hover { 
    background-color: rgba(68, 68, 68, 0.4); 
} 

Answer 1

スニペットています。 divにカーソルを合わせると、不透明度が0.7から0.4に変更されます。それはあなたがしようとしていることですか？

あなたの質問に別に入力したコードだけをテストし、結果を確認してから別のコードがこのコードと衝突する可能性があるかどうかを調べてみてください。