IE7中导航和搜索过滤器的CSS问题 [英] CSS problem with navigation and search filters in IE7

问题描述

这些是仅限IE7 的问题:

导航问题

每当用户将鼠标悬停在非活动选项卡上时，活动选项卡就会跳转".

The active tab "jumps" whenever a user hovers on an inactive tab.

屏幕截图:

http://dl.dropbox.com/u/6688069/navi.jpg

搜索过滤器问题

在不破坏功能的情况下，我似乎无法在IE7中获得正确的高度.

I can't seem to get the height correct in IE7 without breaking the functionality.

屏幕截图如下:

http://dl.dropbox.com/u/6688069/filter.jpg

谢谢！

推荐答案

我看到的是IE7中的该元素:

What I'm seeing is that in IE7 this element:

<ul class="multiselect" id="multi-filtercountry"/>

导致这些列表项扩展...我还注意到，在真正的浏览器Chrome中，这些侧边栏元素均未扩展其父项.对我来说，这意味着您某个位置有一个浮动元素，而其他元素则没有.

is causing it those list items to expand... I also noticed that in Chrome, a real browser, none of those sidebar elements are expanding their parent. That means to me that you have one floating element in there somewhere, and the others aren't.

如果您使用Chrome的开发人员工具并将鼠标悬停在<span class="expanded">内的元素上，您会发现它们的位置确定为最高，意味着它们无法正常流动.

If you use Chrome's developer tools and mouse over the elements inside <span class="expanded"> you'll see that their position is determined to be up top, meaning they aren't flowing properly.

我最好的建议是尝试将此问题看作不是IE7问题，而是一般的标记问题.

My best advice is to try to look at this not as an IE7 problem but a markup problem in general.

这篇关于IE7中导航和搜索过滤器的CSS问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！