在Chrome中弹出窗口时不会出现蓝色菜单
在我们公司的网站http://exciga.com/Services.php#上，当一个人点击右手边的任何服务(例如: IT治理图像)时，会弹出一个窗口，其中包含有关IT治理的信息以及左边的蓝色菜单。这个蓝色菜单可以在IE 10中看到，但在Chrome中看不到。请帮帮忙，因为我不知道我做错了什么:-)
我面临的第二个问题是服务列表。当我点击服务列表(例如: it治理附近的“+”符号)时，我会得到一个与之相关的服务列表。正如你所看到的，这里的字体是不同的。我无法在服务列表标题("IT管理“)中放置相同的字体。如果我尝试进行更改，整个网页的字体都会更改。我希望下拉列表中的字体与Service list header中的字体相同，然后治理+“希望我对你们说得很清楚。
最后，在浏览器中放大和缩小时，什么语法可以确保对象的大小不会改变。
回答 2
Stack Overflow用户
发布于 2013-12-06 03:48:48
首先修复<head>部分，你已经包含了多个jQuery库，如果你的插件可以与最新的jQuery一起工作(你应该测试它)，那么我建议你下载jQuery 1.10.2，把它放在你的js文件夹中，并用<script src="js/jquery-1.10.2.min.js"></script>替换<script src="js/jquery-1.6.js" ></script>。
现在用这个新元素替换您的<head>元素，我祝您好运;)附注:我不是说这样就能解决您的问题。
<head>
<title>Exciga</title>
<meta charset="utf-8">
<meta name="description" content="Write short description of your site here.">
<meta name="keywords" content="write, site, keywords, here, like, this, comma, delimited">
<meta name="author" content="Name of the site author">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style2.css"> <!-- Why style2.css ? Is this another style for entire site or you could merge style.css with style2.css ? -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/hover/style_common.css">
<link rel="stylesheet" href="css/hover/style2.css">
<link rel="stylesheet" href="css/jquery.akordeon.css">
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="popup/style.css">
<link rel="stylesheet" href="assets/application-d7d505356b55e600106ef945bd484e9f.css">
<script src="js/jquery-1.6.js"></script>
<!-- These scripts you can/should put just before the </body> tag, if after that some elements lose functionality then put that script again in the <head> section -->
<script src="js/atooltip.jquery.js"></script>
<script src="js/jquery.akordeon.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/Vegur_300.font.js"></script>
<script src="js/PT_Sans_700.font.js"></script>
<script src="js/PT_Sans_400.font.js"></script>
<script src="popup/custom.js"></script>
<script src="assets/application-aa8aaa30c70f4a42013dec916e9b29b0.js"></script>
<script>
$(function() {
$('#buttons').akordeon();
$('#button-less').akordeon({ buttons: false, toggle: true, itemsOrder: [0, 1,2,3,4,5,6,7] });
});
</script>
<!-- End of scripts -->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
<![endif]-->
<!--[if lt IE 7]>
<div style="clear: both; text-align:center; position: relative;">
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
</head>更新：关于Service Lists的font-family打开style.css并插入下面的代码，然后根据您的需要更改字体系列和大小。
.responsive,
.responsive-half {
font-family: Verdana !important;
font-size: 16px !important;
}Stack Overflow用户
发布于 2013-12-06 03:57:44
蓝色菜单实际上出现在Chrome中。只是它被弹出窗口的大小所隐藏：<div class="popupbox3_pm" id="popuprel3" style="display: block; margin-top: -355px; margin-left: -380px;">，这是它的父元素。由于此<div>具有position: fixed;和设置的宽度/高度，因此任何超出其维度的内容都将被剪切。
我不太确定为什么蓝色菜单上的z-index: 999没有设置在它周围的黑色空间之上。这可能与元素在HTML中的位置有关。此外，它的z元素应该比具有z-index: 9999;的黑色褪色长方体更高。
https://stackoverflow.com/questions/20408386
复制相似问题
腾讯云开发者
