Question

如何使所有正确的元素具有特殊的悬停效果 - 工具提示应显示在左侧而不是右侧。

.wrapper:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
   -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
       -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
           transform: translateY(0px);
    z-index:1000;
}

DEMO jsFiddle

Answer 1

HTML标签和CSS都发生了很大变化，请参阅下面的演示文稿：

我创建了这个用于调整z-index onmouseover和onmouseout的Pure JS，以便放在头脑中：

function onRoll(cl, cond) {
    if (cond === 1) {
        var element = document.getElementsByClassName(cl);
        for (var i=0; i<element.length; i++) {
            element[i].style.zIndex = '1000';
        }
    } else if (cond === 2) {
        var element = document.getElementsByClassName(cl);
        for (var i=0; i<element.length; i++) {
            element[i].style.zIndex = '10';
        }
    }
}

DEMO：jsFiddle

所有正确元素的特殊悬停效果

1 个答案: