注册
论坛教程杂志服务影片新闻博客
注： 这是一个自动翻译;请使用明确的语言没有俚语.

关键: 菜单栏的Internet Explorer中的漏洞

论坛 : 关键: 菜单栏的Internet Explorer中的漏洞
关键: 菜单栏的Internet Explorer中的漏洞
Austin Zago - 2009年7月2日


喂,
我有一个超级烦人的问题，我的垂直菜单栏在Internet Explorer.
该网站能正常工作在Firefox, 和Safari ，但在IE中不.

该子并不符合菜单, 这是一个真正的问题，因为子留在第一的位置, 从而降低你的网页, 你失去的能力，点击一些链接.

这是迫切的网站目前并有许多业务合作伙伴谁要查看网站合作的目的明天.

该网站是 http://www.Platinumprostudies.com, 以下是我的CSS菜单栏, 谢谢您. 噢, 还我尝试过每一个修正本网站提供的任何工作，迄今.

@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

LAYOUT INFORMATION: describes box model, positioning, z-order

*******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: 8em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
width: 150px;
background-color: #AB7D0D;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
margin: 0% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
width: 150px;
left: -1000em;
top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
}
/* Menu item containers are same fixed width as parent */

ul.MenuBarVertical ul li
{
width: 16em;
}

/*******************************************************************************

DESIGN INFORMATION: describes color scheme, borders, fonts

*******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
border: 1px solid #D6AC4B;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
border: 1px solid #AB7D0D;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
display: block;
background-color: #D6AC4B;
padding: 0.5em 0.75em;
color: #000;
text-decoration: none;
text-align:center
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
background-color: #466C65;
color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #466C65;
color: #FFF;
}

/*******************************************************************************

SUBMENU INDICATION: styles if there is a submenu under a given menu item

*******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/*******************************************************************************

BROWSER HACKS: the hacks below should not be changed unless you are an expert

*******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
position: relative;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarVertical li.MenuBarItemIE
{
display: inline;
float: left;
background: #83AEA5;
}
}
#MenuBar1 {
color: #0000FF;
}
nowthatyouarea {
font: Verdana;
font-size: 13px;
color: #000;
}
重新: 关键: 菜单栏的Internet Explorer中的漏洞
Austin Zago - 07-03-2009


有三个问题，实际上在这一个问题,
＃ 1有一些错误发生在IE中，我上面所述，我固定.
＃ 2有不断扩大的方块问题, 我固定.

但现在仍然是一个问题, 如果有人能够帮助它, 这将是伟大的, 在IE 6和更早, 每当我去菜单项, 开辟了一个空间之间的菜单项，我滚动和它下面的一, 这是只有在滚动权. 我的CSS代码如下. 谢谢您, 浏览我的网站在IE 6 platinumprostudies.com 可能会帮助.
@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

LAYOUT INFORMATION: describes box model, positioning, z-order

*******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: 143px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
position: relative;
text-align: left;
width: 140px;
background-color: #AB7D0D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
ul.MenuBarVertical2 li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
position: relative;
text-align: left;
width: 140px;
background-color: #AB7D0D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
margin: 0% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
width: 143px;
left: -1000em;
top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
/* Menu item containers are same fixed width as parent */

ul.MenuBarVertical ul li
{
width: 143px;
}

/*******************************************************************************

DESIGN INFORMATION: describes color scheme, borders, fonts

*******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
border: 1px solid #D6AC4B;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
border: 1px solid #AB7D0D;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
display: block;
background-color: #D6AC4B;
padding: 0.5em 0.75em;
color: #000;
text-decoration: none;
text-align:center
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
background-color: #466C65;
color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #466C65;
color: #FFF;
}

/*******************************************************************************

SUBMENU INDICATION: styles if there is a submenu under a given menu item

*******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/*******************************************************************************

BROWSER HACKS: the hacks below should not be changed unless you are an expert

*******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
position: relative;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarVertical li.MenuBarItemIE
{
display: inline;
float: left;
background: #83AEA5;
}
}
#MenuBar1 {
color: #0000FF;
}
nowthatyouarea {
font: Verdana;
font-size: 13px;
color: #000;
}
重新: 关键: 菜单栏的Internet Explorer中的漏洞
Richard Williams - 07-03-2009


您好

对不起, 有问题，该网站目前正在考虑我没有收到通知的新员额, 所以只有选择这种行动. 链接是错误的, 你社工作室? 若然, 您似乎排序的问题，现在. :O ）的道歉延迟反应

理查德威廉姆斯
重新: 关键: 菜单栏的Internet Explorer中的漏洞
Austin Zago - 07-03-2009


没有问题, 我不小心把一个逗号的网址, 正确的是platinumprostudies.com 本人整理的大部分问题, 但有一个更. 在浏览器和早期每当我滚转功能表列, 空间是菜单项之间的我滚动和低于. Dreamweaver不读任何兼容性问题，除非两, 一个说，显示器: 内置不支持价值, Dreamweaver说这仅仅是用于IE 5和更早, 所以这是值得怀疑的. 它还说，有一个错误剖析风格与过滤器:阿尔法（不透明:0.1 ）, 它说，这不仅影响的Firefox 1.0.
我的CSS代码如下, 感谢我欣赏它,
@charset "UTF-8";

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

LAYOUT INFORMATION: describes box model, positioning, z-order

*******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: 143px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
position: relative;
text-align: left;
width: 140px;
background-color: #AB7D0D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
ul.MenuBarVertical2 li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 14px;
position: relative;
text-align: left;
width: 140px;
background-color: #AB7D0D;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
margin: 0% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
width: 143px;
left: -1000em;
top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
left: 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
/* Menu item containers are same fixed width as parent */

ul.MenuBarVertical ul li
{
width: 143px;
}

/*******************************************************************************

DESIGN INFORMATION: describes color scheme, borders, fonts

*******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
border: 1px solid #D6AC4B;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
border: 1px solid #AB7D0D;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
display: block;
background-color: #D6AC4B;
padding: 0.5em 0.75em;
color: #000;
text-decoration: none;
text-align:center
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
background-color: #466C65;
color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
background-color: #466C65;
color: #FFF;
}

/*******************************************************************************

SUBMENU INDICATION: styles if there is a submenu under a given menu item

*******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

/*******************************************************************************

BROWSER HACKS: the hacks below should not be changed unless you are an expert

*******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
position: relative;
z-index: 1010;
filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarVertical li.MenuBarItemIE
{
display: inline;
float: left;
background: #83AEA5;
}
}
#MenuBar1 {
color: #0000FF;
}
nowthatyouarea {
font: Verdana;
font-size: 13px;
color: #000;
}
重新: 关键: 菜单栏的Internet Explorer中的漏洞
Richard Williams - 07-03-2009


这可能是位小姐击中, 因为我不能看到一个副本的IE6现在, 但您的设置的一个窍门是

UL认证.Menubarvertical的IFRAME
{
立场: 相对;


应定为绝对

理查德威廉姆斯
重新: 关键: 菜单栏的Internet Explorer中的漏洞
Austin Zago - 07-04-2009


由于这一工作. 我非常欣赏它!
答覆螺纹
论坛 • 教程 • 杂志 • 服务 • 影片 • 新闻 • 博客


© CreativeCOW.net 版权所有.

创新社区世界

[顶端]

English • العربية • 中文 • Français • Deutsch • עברית • हिन्दी • Italiano • 日本語 • Português • Русский • Español