尝试了“一切”。我的菜单一直位于 IE6 中我的特色滑块后面。 (CSS z 索引?)

发布于 2024-12-22 10:11:52 字数 656 浏览 0 评论 0原文

尝试了一切,我的下拉菜单在 IE6 中一直位于滑块后面。请参阅此处:

http://www.vectorsig.com

在 IE6 中查看,菜单位于滑块后面。 (这是一个用于测试目的的模型站点,上面没有什么重要的东西。)

我尝试将滑块放在 z-index:-1,位置:相对...什么都没有,尝试摆弄菜单。没有什么。

我现在只是坐在这里,敲击键盘,盯着屏幕。任何帮助将不胜感激。


以下是一些背景信息: 它在 wordpress 上运行,主题为:新闻。 (http://devpress.com/themes/news/)

滑块是“Simple Nivo Slider”,一个 WP 插件:(http://wordpress.org/extend/plugins/simple-nivo-slider/)

编辑:已解决(论坛不允许我回答我自己的帖子。

我使用了这个。

.menu{
    position: relative;
    z-index: 5;
}

#container{
    position: relative;
}

Tried everything, my dropdown menu keeps going behind my slider in IE6. See here:

http://www.vectorsig.com

View it in IE6, and the menu goes behind the slider. (That's a mock-up site for testing purposes, nothing important on there.)

I tried putting the slider at z-index: -1, position: relative...nothing, tried fiddling with the menu. Nothing.

I'm at the point where I'm just sitting here, smashing keys, staring at the screen. ANY help would be much appreciated.


Here is some background info:
It's running on wordpress, with the theme: News. (http://devpress.com/themes/news/)

The slider is "Simple Nivo Slider", a WP plugin: (http://wordpress.org/extend/plugins/simple-nivo-slider/ )

EDIT: SOLVED (the forum wouldn't let me Answer my own post.

I used this.

.menu{
    position: relative;
    z-index: 5;
}

#container{
    position: relative;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

谎言月老 2024-12-29 10:11:53

在任何情况下我都不会使用负 z 索引。它将阻止某些事件在元素上触发。对于需要位于前面的元素,始终使用正 z 索引。

I would't use negative z-index in any circumstance. It will prevent some events from being fired on the element. Always use positive z-index for the element which needs to be in front.

猫卆 2024-12-29 10:11:53

检查将其添加到 header.php 的顶部,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

否则尝试将其添加到标头中

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

check adding this at the top of your header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

otherwise try adding this one in your header

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
债姬 2024-12-29 10:11:52

所以我注意到滑块中的锚标记具有正 z-index 值(5、6、8 等)。您是否尝试过为菜单元素提供足够高的 z-index?另外,这里只是在黑暗中拍摄,您可以尝试为菜单和滑块元素提供 zoom: 1。这不会影响元素的放大倍数,但会给它们提供 hasLayout 属性,众所周知,该属性可以修复 IE 中的这些小问题。

So I notice that the anchor tags in your slider have positive z-index values (5, 6, 8, etc.). Have you tried giving your menu elements a generously high z-index? Also, just a shot in the dark here, you might try giving both your menu and your slider elements zoom: 1. This won't affect the magnification of your elements, but it will give them the hasLayout property, which has been known to fix little quirks like these in IE.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文