Question

我有这样的代码

<div style="position: absolute; margin-left: -22px; margin-top: -22px; left: 502px; top: 379px; z-index: 380; display: block;" class="maptimize_marker_0 f st">1<span class="pinlabel">1B 100E</span></div>

我也有针对pinlabel的CSS

.pinlabel{
display: none;
position: absolute;
background-color: #3774d5;
height: 16px;
width: 200px;
color: white;
top: 0px;
left: 1px;
font-size: 10px !important;
border-radius: 10px;
border: white 2px solid;}

.maptimize_marker_0:hover span.pinlabel {display:block;}

但是我无法让Hover州工作。如果要在chrome中的开发者工具中强制悬停状态一切正常，但是当鼠标结束时不能正常工作...我做错了什么？另外我想把跨度放在div下，但是跨度总是在顶部并覆盖div背景图片...请帮忙！

Answer 1

我不确定您的问题是什么，在http://jsfiddle.net/abrunet/Bb9T3/上，我复制粘贴代码并且hover正在运行..

最后，您的范围没有指定z-index。你可以选择一个，低于div {1}和另一个更高的hover情况。

您还应尝试在不同的工作表中分隔您的样式，以保持代码清洁。

如果我误解了你的问题，请告诉我。

CSS Hover状态不起作用

1 个答案: