Hack Chrome e Safari
Fala Galera,
estou precisando da ajuda de vocês.
Peguei este menu dropdown: http://www.alistapart.com/d/horizdropdowns/horizontal.htm
Coloquei um Hack do Ie6 funcionou normal só que no chrome e safari o estado hover naum funciona.
Pesquisei pra ver se existia algum hack e ate encontrei este: http://www.ricardo-freitas.com/css-hack-para-google-chrome-e-safari/
fiz igual ao exemplo mas naum continua funcionando, no final do CSS vcs podem observar o hack chrome, aonde estou errando? Alguém
pode ajudar.
#menuv ul {margin: 0;padding: 0;list-style: none;width: 200px; / Width of Menu Items /}
#menuv ul li {position: relative;}
#menuv li ul {width:190px;position:absolute;margin-left:200px; / Set 1px less than menu width /
margin-top:-20px;display:none;z-index:999999;border-top:0px dotted #999;}
#menuv li ul li ul {position: absolute;margin-left:200px; / Set 1px less than menu width /
margin-top:-20px;display: none;z-index:999999;}/ Styles for Menu Items /
#menuv ul li a {width:198px; height:15px; display:block; font:11px Arial; color:#FFF; font-weight:bold; text-decoration:none;
/* display: block;
text-decoration: none;
color: #333;
background: #F1F1F1; /* IE6 Bug */
/* padding: 5px;
border-bottom:1px dotted #999;*/}
/ #menuv ul li a:hover { background:#568C24; color:#FFF; }/
/ Holly Hack. IE Requirement \/
* html #menuv ul li { float:left; height: 1%; }
html #menuv ul li a { height: 1%; }
/ End /
#menuv li:hover ul, li.over ul { display: block; } / The magic gl.menu li:hover ul { display: block; }/
#menuv li:hover ul ul, li.over ul ul { display:none; }
#menuv li li:hover ul, li li.over ul { display: block; }
/..... Context Menu ...../
#menuv li { width:198px; height:15px; background:url(/resources/theme-zen/images/territorios/bg_submenu.gif) no-repeat; margin:0px 0; padding:5px 6px; }
#menuv li:hover { width:198px; height:15px; background:url(/resources/theme-zen/images/territorios/bg_submenu_hover.gif) no-repeat; display:block; margin:0px 0; padding:5px 6px; }
#menuv li a { width:198px; height:15px; display:block; font:11px Arial; color:#FFF; font-weight:bold; text-decoration:none; }
/.................................................../
/*
#menu li:hover ul, li.over ul { display: block;}
*/
#menuv .menuraiz {font:11px Arial;color:#FFF; font-weight:bold; }
/Somente para Safari e Chrome/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#menuv li:hover ul, li.over ul { display:block; }
#menuv li:hover ul ul, li.over ul ul { display:none; }
#menuv li li:hover ul, li li.over ul { display:block; }
}
Discussão (2)
Carregando comentários...