当其他工作正常时,为什么此工具提示会崩溃?

时间:2015-12-05 20:15:37

标签: html css css3

凝视没有帮助。 <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/');

2 个答案:

答案 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