Question

这似乎是一个虚假的问题但是，第二天我正在努力解决这个问题。我正在Joomla开发响应式网站，并遇到以下问题：

当我将鼠标悬停在活动元素上时，它会摇晃，当我打开一个下拉列表时，最后一个项目没有：悬停效果可能是由什么引起的？这是该网站的链接：

http://mediatecture.dev.diewerkbank.eu/

任何帮助将不胜感激！

Answer 1

你的问题在这里：

.layout-mode-responsive .gf-menu li .columns-1 > .col1 > ul > li:last-child, .layout-mode-responsive .gf-menu li .columns-2 > .col2 > ul > li:last-child, .layout-mode-responsive .gf-menu li .columns-3 > .col3 > ul > li:last-child, .layout-mode-responsive .gf-menu li .columns-4 > .col4 > ul > li:last-child {
    background: none !important;
}

您有一种特殊的方法来处理菜单的最后一个元素。上面的代码位于第414行的gantry-custom.css文件中。

此外，它的主动效果是在下一行，415：

.layout-mode-responsive .gf-menu li.active.last > .item {
    background:none; border:none !important; border-radius:0; -webkit-box-shadow:none; box-shadow:none;
}

修改：如果您不希望在下拉列表的最后一个元素上出现任何特殊行为，则可以删除这两行。

Answer 2

如下所示css-删除背景！重要。（gantry-custom.css - line no-414）

.layout-mode-responsive .gf-menu li .columns-1 > .col1 > ul > li:last-child, .layout-mode-responsive .gf-menu li .columns-2 > .col2 > ul > li:last-child, .layout-mode-responsive .gf-menu li .columns-3 > .col3 > ul > li:last-child, .layout-mode-responsive .gf-menu li .columns-4 > .col4 > ul > li:last-child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

下拉菜单中的最后一项不会悬停

2 个答案: