简体   繁体   English

CSS悬停菜单位置出现问题

[英]Having some trouble with css hover menu position

I'm having some trouble with a site, and the hover state of the menu on the homepage with ie7 and ie8. 我在网站上遇到了一些麻烦,并且主页上的菜单的悬浮状态分别为ie7和ie8。

For some reason despite the z-index it hides behind the object flash box. 由于某些原因,尽管存在z索引,它仍隐藏在对象闪光灯盒的后面。

Can anyone take a look at my URL and see if you can suggest a fix. 谁能看看我的网址,看看是否可以提出解决方案。 It's really got me puzzled. 这真的让我感到困惑。 Only happens on the homepage because the menu seems to hide behind the flash video object. 仅在首页上发生,因为菜单似乎隐藏在Flash视频对象的后面。

url: http://yellowtulipcomms.com 网址:http: //yellowtulipcomms.com

尝试将以下内容添加到Flash嵌入代码中:

<param name="wmode" value="transparent"/>

My first suggestion would be to use full doctype declaration: 我的第一个建议是使用完整的doctype声明:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

IE is very sensitive when it comes to calculating positions and dimensions without a proper doctype. 在没有适当的文档类型的情况下计算位置和尺寸时,IE非常敏感。 This is something I have learned the hard way. 这是我很难学到的东西。

Addendum: 附录:

Also try using zoom:1 value in css rules. 另外,请尝试在CSS规则中使用zoom:1值。 I can't test it on your site but I remember it helped with positioning in IE. 我无法在您的网站上对其进行测试,但我记得它有助于在IE中进行定位。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM