2011-12-08 108 views
0

不工作在一个客户的网站(HolidayHomes.ca)下拉菜单没有出现在Internet Explorer中的工作,真的不知道如何去解决这个..下拉菜单在IE

它似乎有什么东西在ul li.inner类中使用文本缩进。它抓住text-indent: -2000px;#nav li,我所有的子菜单里的公司有类.inner

我已经尝试添加text-indent: 0px !important;ul li.inner,但它似乎并不奏效?不过我注意到,如果我从#nav li删除text-indent完全,它工作正常?

帮助表示赞赏!我拉了很多头发......我宁愿修复它,然后完全安装一个新的下拉菜单脚本...呃。哪一种口味IE的是有一个问题

+0

我没有看到任何的下拉列表中我的IE8,和IETester我什么也看不到在IE9标签... – ptriek

回答

0

经过几个小时的故障排除后,我能够通过从#nav li ul元素中删除display: inline;来解决此错误。 :)

1

。在IE 8和多达你可以把开发者工具栏上,并通过

只是在IE 8拉升网站的代码(类似于在Firefox Firebug的)走路,这似乎是工作确定。你有什么问题?

+1

我运行它IE9。我暂时关闭了文本缩进,所以这个问题再次让你看。 – Jassi

+2

仍然没有看到它,但重新阅读您的原始问题,查看CSS中的项目被调用的顺序。请记住,属性级联下来,只是因为你说li.inner并不意味着它不会继承#Nav li或其他的属性。由于某种原因,添加具有不同值的相同属性并不总是会覆盖该属性。你可以做的是为每个元素添加border:solid 1px'some color'(使用不同的颜色)并查看浏览器渲染它们的位置。 – Brian

+0

也是IE开发者工具对HTML检查,你也可以用它来查看该元素继承什么样式的跟踪样式选项。 – Brian