我有一个非常恼人的问题,不透明度设置与Angular Ui Bootstrap相结合。我有一个表格,每行都有一个下拉切换按钮。当我将鼠标悬停在行上时,不透明度设置会在鼠标当前所在的设置上发生变化。 以下是我的CSS设置:
tr {
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;
color: #292929;
}
tr:hover {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1.0;
}
只要我在菜单上停留鼠标,下拉切换就会显示正常。如果我离开它,下拉菜单会在行后面消失,尽管在CSS设置中,下拉菜单的z-index设置为1000.
mouse inside menu http://imageshack.us/a/img10/8536/okqi.jpg 鼠标在下拉菜单中
mouse outside menu http://imageshack.us/a/img12/209/kipv.png 鼠标在下拉菜单中
任何帮助或暗示都会很棒!!!