Superfish 与 IE6 和 Apache Logs 的悬停问题

Question

我在 ie6 上使用 jQuery Superfish 菜单，从我的会话的 Apache 日志文件中可以看到，每当我将鼠标悬停在 Superfish 菜单中具有子菜单的菜单项上时，用带有白色的菜单项表示菜单项标签右侧的箭头图像，一整堆（比如说 25 行）日志条目吐出，并带有以下类型的消息：

- - [23/Aug/2010:11:57:45 +1000] "GET /abcprod/images/arrows-ffffff.png HTTP/1.1" 304 - etc…..

我也不确定数字 304 表示在阿帕奇日志？

每次我将鼠标悬停在带有子菜单的菜单项上时，这些类型的条目都会继续出现，这还包括也有子菜单项的子菜单项。

但奇怪的是，当通过 Google Chrome 运行应用程序并检查 Apache 日志中的会话时，它确实会吐出与 arrows-ffffff.png 图像相关的任何内容。

ie6 和 Superfish 菜单悬停是怎么回事？

仅供参考，我还包括了 Superfish 用户与 f-sub-indicator 类相关的 CSS，即

.sf-sub-indicator {
position:       absolute;
display:        block;
right:          .75em;
top:            1.05em; /* IE6 only */
width:          10px;
height:         10px;
text-indent:    -999em;
overflow:       hidden;
    background:     url("/abcprod/images/arrows-ffffff.png") no-repeat -10px -100px;
}
==>
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

Answer 1

由于 IE6 不支持 :hover 伪选择器，我猜测 superfish 使用某种浏览器嗅探来应用 IE 特定的行为（类似于 这个）。

问题在于，由于 CSS 悬停规则被转换为 javascript 表达式，我猜测 IE 很愚蠢，每次 javascript 行为转换元素时都会请求一个新的 img。

一个可能的解决方案是确保 javascript 只切换某个类（假设它添加了 .hover 类），然后让 CSS 将背景应用到类选择器上。示例：a:hover 变为 a.hover。

Answer 2

不确定 IE6 环境中 SuperFish 的具体情况（不是已经死了吗？(-;) 和 jQuery，但“304”是一个 HTTP 代码，如 404、403 等。304 意味着该文件还没有自上次请求以来已被修改，可用于缓存、减少对服务器的请求等。

有关状态代码的更多信息，请参见：

http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html

IE6 可能会在菜单时对此图像发出“GET”请求已激活... ? 正在请求同一文件 25 次... ? 激活带有箭头的第一个子菜单，并计算箭头的数量，然后检查日志条目的数量是否等于该数量。箭头，你知道IE6在做什么。