-1

关联

问题出在 jQuery Mega 菜单中。它以某种方式在 Google Chrome Linux 和 Internet Explorer (Windows 8) 上正确显示，但在 Opera (Linux)、Google Chrome (Windows)、Firefox (Windows) 等上显示不正确。如果显示不正确，悬停时的最后一个菜单会覆盖搜索输入。这里可能是什么问题？我不想更改填充。

4

2 回答 2

2

差异很可能是由于浏览器对十进制像素数的解释不同。每个菜单项都没有通过 CSS 设置明确的宽度，因此它获得了一些像素的一部分，这些像素在某些情况下受到尊重并在某些情况下被四舍五入。现在，每个元素只会产生 1px 的差异，但最终会增加 10px、20px 等。

所以解决方案是在菜单项和搜索栏之间留出足够的空间，也许让它更窄。

这可能会帮助您详细了解该问题： CSS 宽度中的小数位是否受到尊重？

于 2013-05-24T08:19:36.767 回答
0

不知道方法对不对

您的 CSS 文件第 2025 行有一些代码

#searchform {
    position: absolute;
    top: 79px;
    left: 744px;
    width: auto;
    height: auto;
    margin: 0px;
    display: table-cell;
}

left将属性值编辑为764pxfrom744px;

和第 3416 行

#searchform .text_input {
    width:149px;
    height: 9px;
    padding: 10px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    font: 11px Arial,sans-serif;
}

从这段代码中删除宽度属性

于 2013-05-24T07:52:41.257 回答