Question

我从手工编码中休息了一下，这有点让我感到难过。我有一个简单的网站，其中包含两个大按钮的入口页面，分割页面的宽度。

我的客户现在想要保留按钮的大小，但现在只将悬停状态应用于＆＃34; Hospitality＆＃34;和＆＃34;住宅＆＃34;区域。使用CSS有一种快速简便的方法吗？该页面有不同的移动设置等，我根本不想改变，因为它是由其他人建造的。

这是当前的CSS：

div.left_link a{
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0px;
    bottom: 0px;
/*  background-color: transparent; */
    text-align: center;
    text-decoration: none;
    z-index: 100011;
    background-color: #FFF; 
    opacity: 0; 
    filter: alpha(opacity=1);
    cursor: pointer; 

}
div.left_link a:hover{
    z-index: 100012 !important;
    background-color: #FFF !important;
    opacity: 0.5 !important; 
}
div.right_link a{
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0px;
    bottom: 0px;
/*  background-color: transparent; */
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    z-index: 100011;
    background-color: #FFF; 
    opacity: 0; 
    filter: alpha(opacity=1);
    cursor: pointer; 
}

div.right_link a:hover{
    z-index: 100012 !important;
    background-color: #FFF !important;
    opacity: 0.5 !important; 
}

提前感谢您提供的任何帮助！

Answer 1

我很确定如果您要使用：

＆＃13;

specific_div_name:hover elementyouwanttochange {
    z-index: 100012 !important;
    background-color: #FFF !important;
    opacity: 0.5 !important; 
}

＆＃13;

这会奏效。这意味着如果您的元素悬停，那么此元素将执行以下操作。

仅将CSS悬停状态应用于定义的区域

1 个答案: