ОК, поэтому у меня есть три <ul> тега, к каждому из которых применено float: left;.Теги <li> имеют спецификацию :hover, которая заставляет их увеличиваться по ширине и получать отрицательное поле, равное усилению по ширине, так что при наведении они увеличиваются в размере, не перемещая ничего.
Проблемав том, что вместо того, чтобы распространяться на следующие плавающие теги <ul>, они распространяются "под" ними.Настройка z-index, похоже, ничего не сделала с этим, хотя, возможно, я неправильно ее использую.Я попытался установить z-index: 5; в спецификации :hover, а также попытался установить z-index: 3;, z-index: 2; и z-index: 1; для последовательных тегов <ul>, но ни один из них не имел значения.
Одна вещь, которую сделал , заключалась в том, чтобы теги <ul> были float: right;, чтобы последний был фактически левым, но мне не нравится это решение, поскольку оно означает, что мой кодв обратном порядке, как это показано на странице, и это будет означать, что я должен установить атрибуты tabindex вручную для всего, чтобы исправить порядок вкладок.
РЕДАКТИРОВАТЬ: Исправлено;не могу ответить на свой вопрос в течение 7 часов, но получается, что z-index не работает с position: static; (по умолчанию) элементами.Я просто добавил position: relative; к тегам <li>, и теперь он работает нормально.