凝视没有帮助。 <span>
中的<button>
应该显示在:hover
上,而其他人则显示.tooltipBR
。但是这个没有。它与css有关,因为如果我在同一个类.tooltipBR span:after {
top: 18px;
right: 100%;
margin-top: -8px;
border-right: 8px solid #000000;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
:hover.tooltipBR span {
left: 75%;
top: -8px;
margin-left: 100%;
}
.tooltipT, .tooltipTML, .tooltipTL, .tooltipTMR, .tooltipTR, .tooltipL,
.tooltipML, .tooltipR, .tooltipMR, .tooltipB, .tooltipBML, .tooltipBL, .tooltipBBL, .tooltipBMR,
.tooltipBR {
position: absolute;
}
.tooltipT span, .tooltipTML span, .tooltipTL span, .tooltipTMR span,
.tooltipTR span, .tooltipL span, .tooltipML span, .tooltipR span,
.tooltipMR span, .tooltipB span, .tooltipBML span, .tooltipBL span, .tooltipBBL span,
.tooltipBMR span, .tooltipBR span {
position: absolute;
width:400px;
color: #FFFFFF;
background: #000000;
height: auto;
line-height: 1.2em;
text-align: right;
visibility: hidden;
border-radius: 6px;
}
.tooltipT span:after, .tooltipTML span:after, .tooltipTL span:after, .tooltipTMR span:after,
.tooltipTR span:after, .tooltipL span:after, .tooltipML span:after, .tooltipR span:after,
.tooltipMR span:after, .tooltipB span:after, .tooltipBML span:after, .tooltipBL span:after,
.tooltipBBL span:after, .tooltipBMR span:after, .tooltipBR span:after {
content: '';
position: absolute;
width: 0; height: 0;
z-index: 10;
}
:hover.tooltipT span, :hover.tooltipTML span, :hover.tooltipTL span, :hover.tooltipTMR span,
:hover.tooltipTR span, :hover.tooltipL span, :hover.tooltipML span, :hover.tooltipR span,
:hover.tooltipMR span, :hover.tooltipB span, :hover.tooltipBML span, :hover.tooltipBL span,
:hover.tooltipBBL span, :hover.tooltipBMR span, :hover.tooltipBR span:after {
visibility: visible;
background-color: rgba(0, 0, 0, 0.8);
padding: 8px;
z-index: 10;
}
上放置相同的类,就会发生同样的事情。
Codepen:http://codepen.io/briligg/pen/epqNLd?editors=110
相关的css:
$this->request->redirect('http://localhost/project2/');
答案 0 :(得分:1)
上一个CSS块中的最后一个选择器是$('div.box').click(function() {
$(this).addClass("move");
$(this).animate({
'left': '160px'
});
});
,但该组中的所有其他选择器都是:hover.tooltipBR span:after
。 :hover.foo span
由第一个块处理。我认为你需要从最后一个选择器中移除.tooltipBR span:after
,使其像其他选择器一样。
答案 1 :(得分:1)
尝试将:hover
放在id或类名的末尾。而不是:hover.tooltipT
,而是以这种方式编码:.tooltipT:hover
。