| 轻快水平菜单在IE7的问题
Robert Nitko - 09年11月7日 |
您好. 像许多在我之前我在同一个解决这个问题的时候菜单栏赫克. 我已经阅读并阅读和阅读以前的帖子. 试图努力想把人们的解决方案没有用. 这使我在这里.
我有我的主菜单栏6大类. 根据其中一些我有一个下拉菜单中子. 在其他什么. 一些浏览器显示所有6个类别，而特别行动，即第六届项目回到我在我的第一个项目. “疯狂!在国王路易改为“在丛林书. 什么是滋扰.
如此肯定的是，我阅读并尝试了所有那些伟大的事情理查德威廉姆斯已经帮助人们这么久. 上帝保佑他. 我相信他对同一问题的病人. 但他似乎是常驻专家, 大师的救星. 我给你戴的帽子. 你达人.
所以我再次向他发出传票对我的挑战. 一个警告. 我会多加类别菜单栏最终使7，但怀疑，会不会有什么影响的解决办法.
这是我的代码从sprymenubarhorizontal.的CSS
@字符集“的UTF - 8”;
/ * sprymenubarhorizontal.的CSS -版本0.6 -轻快发布前1.6.1 * /
/ *版权所有（C）2006. Adobe系统公司. 保留所有权利. * /
/************************************************* ******************************
布局信息: 描述盒模型, 定位, Z顺序
************************************************** ***************************** /
/ *在菜单栏的最外层容器, 自动宽度中，没有保证金或填充* /
UL认证.Menubarhorizontal
{
保证金: 0;
填充: 0;
列表样式类型: 无;
字体大小: 100％;
游标: 违约;
宽度: 汽车;
}
/ *设置这个类的活动菜单栏, 目前设置Z -索引，以适应IE渲染错误: http:/ / therealcrisp.网页寄存.倪/ meuk /也就是说，zindexbug.html * /
UL认证.Menubaractive
{
Z -索引: 1000;
}
/ *菜单项容器, 相对位置的儿童这个容器中的，而且是固定的宽度* /
UL认证.Menubarhorizontal李
{
保证金: 0;
填充: 0;
列表样式类型: 无;
字体大小: 100％;
立场: 亲属;
文本对齐: 左;
游标: 指针;
宽度: 8em;
浮动: 左;
}
/ *子菜单应该会出现低于其父母（顶部: 0）具有较高的Z -指数, 但他们最初从屏幕的左边（- 1000em）* /
UL认证.Menubarhorizontal UL认证
{
保证金: 0;
填充: 0;
列表样式类型: 无;
字体大小: 100％;
Z -索引: 1020;
游标: 违约;
宽度: 8.为为2em;
立场: 绝对的;
左边: - 1000em;
}
/ *子是与类指定显示menubarsubmenuvisible, 我们设置为自动离开，所以到低于其父菜单项*屏幕来/
UL认证.Menubarhorizontal UL认证.Menubarsubmenuvisible
{
左边: 汽车;
}
/ *菜单项容器是一样的父母*固定宽度/
UL认证.Menubarhorizontal李UL认证
{
宽度: 8.为为2em;
}
/ *子菜单应该会出现略微重叠的权利（95％）和增长（-5％）* /
UL认证.Menubarhorizontal UL认证UL认证
{
立场: 绝对的;
保证金: -5％0 0 95％;
}
/ *子是与类指定显示menubarsubmenuvisible, 我们设置为0，离开，所以在屏幕上*来/
UL认证.Menubarhorizontal UL认证.Menubarsubmenuvisible UL认证.Menubarsubmenuvisible
{
左边: 汽车;
顶端: 0;
}
/************************************************* ******************************
设计资料: 介绍了配色方案, 边界, 字体
************************************************** ***************************** /
/ *子容器在各方的边界* /
UL认证.Menubarhorizontal UL认证
{
边界: 1px固体＃CCC认证;
}
/ *菜单项是轻质填充灰色块，没有文字装饰* /
UL认证.Menubarhorizontal 1
{
显示: 块;
游标: 指针;
背景色: ＃电器和电子设备;
填充: 0.5em 0.75em;
彩色: ＃333;
文字装饰: 无;
}
/ *菜单项已超过或重点鼠标有蓝色背景和白色文字* /
UL认证.Menubarhorizontal 1:悬停, UL认证.Menubarhorizontal 1:焦点
{
背景色: ＃33C条;
彩色: ＃000;
}
/ *菜单项的子菜单设置为menubaritem悬停一个蓝色的背景和白色文字*打开/
UL认证.Menubarhorizontal 1.Menubaritem悬停, UL认证.Menubarhorizontal 1.Menubaritemsubmenu悬停, UL认证.Menubarhorizontal 1.Menubarsubmenuvisible
{
背景色: ＃33C条;
彩色: ＃000;
}
/************************************************* ******************************
菜单显示: 风格如果有一个给定的菜单下的子菜单项
************************************************** ***************************** /
/ *菜单项有一个子类有指定menubaritemsubmenu，并设置为使用背景图片最左边的（95％）和中心垂直（50％位置）* /
UL认证.Menubarhorizontal 1.Menubaritemsubmenu
{
背景图像: 网址（sprymenubardown.Gif）的;
背景重复: 不重复;
背景位置: 95％50％;
}
/ *菜单项有一个子类有指定menubaritemsubmenu，并设置为使用背景图片最左边的（95％）和中心垂直（50％位置）* /
UL认证.Menubarhorizontal UL认证1.Menubaritemsubmenu
{
背景图像: 网址（sprymenubarright.Gif）的;
背景重复: 不重复;
背景位置: 95％50％;
}
/ *菜单项的子菜单打开了指定menubaritemsubmenu悬停类，并设置为使用“悬停”背景图片最左边的（95％）和中心垂直（50％位置）* /
UL认证.Menubarhorizontal 1.Menubaritemsubmenu悬停
{
背景图像: 网址（sprymenubardown悬停.Gif）的;
背景重复: 不重复;
背景位置: 95％50％;
}
/ *菜单项的子菜单打开了指定menubaritemsubmenu悬停类，并设置为使用“悬停”背景图片最左边的（95％）和中心垂直（50％位置）* /
UL认证.Menubarhorizontal UL认证1.Menubaritemsubmenu悬停
{
背景图像: 网址（sprymenubarright悬停.Gif）的;
背景重复: 不重复;
背景位置: 95％50％;
}
/************************************************* ******************************
黑客浏览器: 下面是黑客不应改变，除非你是专家
************************************************** ***************************** /
/ *破解的，即: 以确保分以上表格控件菜单显示, 我们每个子与衬底的iframe * /
UL认证.Menubarhorizontal iframe中
{
立场: 绝对的;
Z -索引: 1010;
过滤器:α（不透明度:0.1）;
}
/ *破解的，即: 稳定的菜单项的外观，在浮动斜线是保持即5.0的解析* /
@萤幕, 投影
{
UL认证.Menubarhorizontal李.Menubaritemie
{
显示: 内联;
F \浮点型: 左;
背景: ＃000;
}
}
在此先感谢.
Bob | |
