gpt4 book ai didi

html - css 下拉菜单落后于谷歌图表

转载 作者:太空宇宙 更新时间:2023-11-04 15:35:11 24 4
gpt4 key购买 nike

我已经尝试了我能想到的一切。我试过调整定位和 z 索引,但无论我做什么,下拉菜单仍然落后于谷歌图表。它适用于火狐,但不适用于谷歌浏览器或 IE。任何建议将不胜感激!

这是下拉 css:

#deluxeMenu
{
overflow:visible;
z-index:9999999;
}

ul#deluxeMenu
{
display:block;font-size:0;zoom:1;float: left;
overflow:visible;
position: relative;
z-index:99999;
}

ul#deluxeMenu ul{display:none; z-index:100;}
ul#deluxeMenu li:hover>*{display:block}


ul#deluxeMenu >li:hover{position:relative; z-index:100;}

ul#deluxeMenu ul{
position: absolute;left:-1px;top:98%;z-index:100;}

ul#deluxeMenu ul ul{
position: absolute;left:98%;top:-2px;z-index:100;}

ul#deluxeMenu,ul#deluxeMenu ul{
margin:0px;list-style:none;padding:0px;background- color:#353535;border-width:0px;border-style:none;border-color:#C0AF62; z-index:100;}

ul#deluxeMenu ul{
/*width:145px;padding:0;*/
overflow:visible;
}

ul#deluxeMenu li{
display:block;margin:0;font-size:0;float:left; overflow:visible;
}

ul#deluxeMenu a:active, ul#deluxeMenu a:focus {outline-style:none; z-index:100;}

ul#deluxeMenu a,ul#deluxeMenu li.dis a:hover{
display:block;vertical-align:middle;background-color:#353535;background-image:url(blank.gif);border-width:1px 0px 1px 0px;border-style:solid;border-color:#3F3F3F #333333 #292929 #333333;text-align:center;text-decoration:none;padding:10px 12px 10px 10px;font:normal 13px calibri,arial,tahoma;color: #FFFFFF;text-decoration:none;cursor:pointer;





}
ul#deluxeMenu ul li {float:none; overflow:visible;}

ul#deluxeMenu ul a,ul#deluxeMenu ul li.dis a:hover{
text-align:left;white-space:nowrap;


}
ul#deluxeMenu li:hover>a
{
background-image:url(back-over.gif);border-color:#3F3F3F #333333 #292929 #333333;border-style:solid;font:normal 13px calibri,arial,tahoma;color: #FFFFFF;text-decoration:none;


}
ul#deluxeMenu li.dis a{color: #AAAAAA !important;}

ul#deluxeMenu img{
border: none;vertical-align: middle;margin-right:20px;}
ul#deluxeMenu img.over{display:none}
ul#deluxeMenu li.dis a:hover img.over{display:none !important}
ul#deluxeMenu li.dis a:hover img.def {display:inline !important}
ul#deluxeMenu li:hover > a img.def {display:none;}
ul#deluxeMenu li:hover > a img.over {display:inline;}
ul#deluxeMenu ul span{background-image:none;padding-right:20px;}

这是网页的 php 文件:

<body> 


<div style="position:relative;">
<!-- Deluxe Menu -->
<div id = "box">
<ul id="deluxeMenu">
<?php include('populateMenu.php')?>
</ul>
</div>
<div id="chart_div">
</div>


<?php closeDatabase($db); ?>

最佳答案

您是否将 flash 文件自行嵌入到您的 html 中?在这种情况下,尝试添加 <param name="wmode" value="transparent">到对象标签。

关于html - css 下拉菜单落后于谷歌图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9651567/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com