所有權利元素的特殊懸停效果

如何使所有正確的元素具有特殊的懸停效果 - 工具提示應顯示在左側而不是右側。所有權利元素的特殊懸停效果

.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

來源

2014-07-24 Vitaliy Hayda

的HTML標籤和CSS均改變了不少，請參見下面的我的DEMO：

我創造了這個純JS對的onmouseover和onmouseout調整的z-index，是放在頭：

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

來源

2014-07-24 18:15:47 totallytotallyamazing

那使工具提示滑動左側，但我只需要正確的元素，讓工具提示向左滑動（用於響應） P.S：投票需要15點聲望，我會盡快得到15 –

好的，謝謝你對聲望點的解釋。我不認爲沒有JS就可以做到這一點。我對如何解決這個問題有了一個想法，但想要更好地解釋你想要做的事情。查看我最新的小提琴，瞭解爲什麼你需要js。 http://jsfiddle.net/totallytotallyamazing/6K28y/ – totallytotallyamazing

謝謝你，所以我正在[**我的網站**]（http://pivvit.do.am/）上工作，這是用於團隊的一部分 - 所以當瀏覽器窗口更小 - 傳記不適合，所以他們應該像[** here **]（http://leadedgecapital.com） –

所有權利元素的特殊懸停效果

回答

相關問題