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。那你想做什么？

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

在Ionic上盘旋div

1 个答案: