悬停在离子div

Question

我在离子创建一个应用程序，我有两个图片在主页上。背景图像上有灰色滤镜。当用户选项卡将不透明度从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。那是你想要做什么？

仅测试您在问题中放入的代码以查看结果，然后尝试搜索是否有其他代码可能与此代码发生冲突。