Question

我很难使此站点上的导航在IE中起作用： http://test3.grysom.cz

预期的行为是每当鼠标悬停在nav元素上时显示整个导航

即使我将代码简化为这样，它也不起作用：

ul#main-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: nowrap;
}


nav.main ul>li>ul {
    visibility: hidden;
    min-height: 1px;
}

nav.main:hover ul>li>ul, nav.main:focus-within ul>li>ul {
    overflow: visible;
    visibility: visible;
    max-height: 999px;
}

它可在大多数当前浏览器中使用，但不能在较旧的浏览器中使用。而且由于我几乎是业余爱好者，所以我真的无法想到任何原因。

你们有什么建议吗？

预先感谢您的帮助。

Answer 1

浏览器忽略包含无效选择器的规则集。对于IE，由于PROCEDURE MY_PROCEDURE( IN START_DATE VARCHAR(19), IN END_DATE VARCHAR(19) ) BEGIN SET GLOBAL group_concat_max_len=18446744073709551615; SET @START_DATE := START_DATE ; SET @END_DATE:= END_DATE; SET @IDS_TABLE_1 = ( SELECT GROUP_CONCAT(POSITION_ID) FROM TABLE_1 WHERE DATE_TIME BETWEEN @START_DATE AND @END_DATE ); SET @SELECT = CONCAT(" SELECT * FROM TABLE_2 WHERE C.ID_OBJECT NOT IN (@IDS_TABLE_1) ") PREPARE FINAL_SELECT FROM @SELECT; EXECUTE FINAL_SELECT; DEALLOCATE PREPARE FINAL_SELECT; END，nav.main:focus-within ul>li>ul是无效的选择器。因此，只需拆分两个规则：

:focus-within

IE：在悬停时显示ul> li> ul

1 个答案: