Question

我有一个div，在HTML中有id =“menu_item”，它有两种css样式：一个默认值和一个不同的样式，当div从鼠标事件“激活”时。

CSS：

div.menu_item

{

    background-image    : url(../images/button_unselected.svg);

    background-repeat   : no-repeat;

    background-position : center;      

}



div.menu_item:active

{

    background-image    : url(../images/button_selected.svg);

    background-repeat   : no-repeat;

    background-position : center; 

}

当我点击此项目时，包含此项目的iframe（iframe 1）将变为不可见（visibility = none），并且会出现新的iframe（iframe 2）（visibility = inline）。这个新iframe与第一个类似，并且具有相同的菜单按钮。

现在，当我通过导航iframe 2的菜单返回iframe 1时，启用我首先离开iframe 1的div仍被视为“活动”，直到检测到任何鼠标事件（移动，按下按钮等）。

有没有办法“杀死”此css活动标记，以便在导航到页面时显示非活动版本？我希望在首次导航到页面时显示每个div的默认非活动版本。

提前致谢。

CSS：活跃和iframe

0 个答案: