相关疑难解决方法(0)

我有一个只有CSS的下拉菜单而没有JAVASCRIPT,当我将光标移到子菜单项上时,我有一个问题是保持顶部(主菜单项)突出显示.您可以在http://www.codedecks.com/cssnav.html查看菜单.

如果你将鼠标悬停在"孩子们"上并将光标向下移动,只要你的"女孩"过了顶部的"孩子们"就会失去亮点.

任何建议将不胜感激!提前致谢

所以我使用CSS:target选择器弹出这个模态.但是,单击时页面会跳转到锚点.我想阻止页面跳转到:目标选择器.我怎样才能做到这一点？

<a href="#openModal">Info</a>

<div id="openModal" class="modalDialog">

CSS:

.modalDialog {
    position: absolute;
    pointer-events: none;
    z-index: 99999;
opacity:0;
}

.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.modalDialog > div {
    width: 900px;
    height: 506px;
    position: relative;
    background: rgba(0,0,0,0.9);
}

关于保持悬停 div 的内容始终可见的一个问题。

我确实有一个由 td 组成的大网格。当将鼠标悬停在每个 td 上时，我想显示一个包含有关该 td 的附加数据的信息框。当前代码：

JS-小提琴

#Grid {
}
.Field {
    border:thin solid black;
    width:30px;
    height:30px;
    float:left;
    background-color:blue;
    position:relative;
    z-index:0;
}
.FieldOverview {
    display:none;
}
.Field:hover {
    background-color:red;
}
.Field:hover .FieldOverview {
    display:block;
    position:absolute;
    top:10px;
    left:10px;
    width:100px;
    height:100px;
    border:thin solid black;
    background-color:red;
    z-index:1;
}

我的问题是，悬停信息框未正确显示。我尝试添加 z 索引以确保信息框始终显示在其他 td 之前，但它不起作用。我也查看了这些问题，但它们并没有完全满足我的需要：

这里和这里

我遇到的第二个问题是，当鼠标悬停在 td 上时，我想在鼠标移入信息框本身时保留弹出的信息框。目前，当在弹出的信息框中移动鼠标时，一旦鼠标移到不同的 td 上，当前信息框将再次设置为 display:none 并显示新 td 的信息框。

我希望你们中有人知道如何实现这一目标。