Синее меню не появляется во время всплывающего окна в Chrome

Question

Синее меню не появляется во время всплывающего окна в Chrome

0

На веб-сайте нашей компании http://exciga.com/Services.php#, когда вы нажимаете на любую из услуг с правой стороны (например, изображение управления ИТ), появляется окно с информацией об управлении ИТ вместе с Синее меню с левой стороны. Это синее меню можно увидеть в IE 10, но не в Chrome. Пожалуйста, помогите, поскольку я не могу понять, что я сделал неправильно :-)

Вторая проблема, с которой я сталкиваюсь, - в Сервисных списках. Когда я нажимаю на список Служб (например, знак "+" возле ИТ-управления), я получаю список связанных с ним сервисов. Как видите, шрифты здесь разные. Я не могу разместить тот же шрифт, что и в заголовке Service List ("Управление ИТ"). Если я попытаюсь внести изменения, изменится шрифт для всей веб-страницы. Я хочу, чтобы шрифт в выпадающем списке был таким же, как и в заголовке Service List ÏT Governance + "Надеюсь, что я понятен для ребят.

Наконец, что такое синтаксис, чтобы гарантировать, что размер объекта не изменится, если я увеличиваю и уменьшаю масштаб в браузере.

user2763533 05 дек. 2013, в 20:50

Источник

Теги:

javascript

jquery

html

css

google-chrome

2 ответа

Ещё вопросы

mdesdev · Answer 1 · 2013-12-05T18-41-00.000Z

Сначала создайте раздел <head>, вы включили несколько jQuery-библиотек, если ваши плагины могут работать с последним jQuery (вы должны проверить его), тогда я предлагаю вам загрузить jQuery 1.10.2, поместив его в папку js и заменив <script src="js/jquery-1.6.js" ></script> с <script src="js/jquery-1.10.2.min.js"></script>.

Теперь замените ваш элемент <head> на этот новый, и я желаю вам удачи;) PS Я не говорю, что это исправит вашу проблему.

<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>

Обновление: О font-family для Service Lists открытых style.css и вставьте код ниже, а затем изменить семейство шрифтов и размер в соответствии с вашими желаниями.

.responsive,
.responsive-half {
  font-family: Verdana !important;
  font-size: 16px !important;
}

Спасибо, ребята, за ваш быстрый ответ. Скоро посмотрю.

bunndan · Answer 2 · 2013-12-05T18-34-00.000Z

Голубое меню действительно присутствует в 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; ,

Я согласен, просто проверьте IE10 и Chrome v.31, и синее меню присутствует, и оно показывает то же самое.
Спасибо, парни. Мир вращается с такими хорошими людьми, как ты.
Господа, не работает после нескольких проб и ошибок. Не могли бы вы быть любезны сообщить мне, что именно вы хотели бы, чтобы я сделал для этих двух вопросов. Я использую IE10 и Chrome v.31, но синее меню не отображается в Chrome ..... Спасибо.