css中使用hover，让原有的背景颜色不变怎么设置

可以使用:hover::before或:hover::after来实现，具体可以参考以下代码：

<style>
    .btn {
        background-color: #F00;
        color: #FFF;
        padding: 10px 20px;
        text-decoration: none;
        position: relative;
        transition: all .3s;
    }
    .btn:hover::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .3);
        z-index: -1;
    }
</style>
<a href="#" class="btn">按钮</a>

在这个例子中，使用:hover::before来实现按钮的背景变化，而原有的背景颜色不变。当鼠标悬浮在按钮上时，会在按钮上方添加一个半透明的背景层，从而实现按钮的背景变化。