Проблемы в iOS

[Нарек]

Уважаемые форумчане, такая вот проблема.

 

есть сайт http://nt-work3.bl.ee/about.html

на windows все хорошо, а вот на iOS наблюдаются следующие проблемы.

 

1, В сайте есть поп-ап (клик по My Account). В Windows он закрывается при нажатии на любую другую область страницы кроме самого поп-апа. А вот в iOS приходится нажимать прямо по ссылке что бы он закрывался..

2, Верхнее меню. У пункта About MIXER есть класс .current-menu-item, что превращает background в белый. В windows все хорошо, а вот на iOS сверху и снизу видны тонкие полоски розового background-а по 1px. Скрин  http://joxi.ru/YkOoU_3JTJBxWRYm3s0  

 

Подскажите, пожалуйста, кто сталкивался с таким делом.. меню из инлайн блоков, думал проблема в отступах font-size и line-height, обнулил их для списка, все равно без результата..

 

[klierik]

1. так работает скрипт. Под iOS тач евенты срабатывают чутка иначе.

2. подозреваю что это из-за retina экрана с display: inline-block; попробуй vertical-align: middle; установить для <li>

[Нарек]

1. так работает скрипт. Под iOS тач евенты срабатывают чутка иначе.

2. подозреваю что это из-за retina экрана с display: inline-block; попробуй vertical-align: middle; установить для <li>

1. А есть решение этой проблемы? 

2. Спасибо, установил. Надо ждать человека с iOS который подскажет исправно все или нет)

[klierik]

1. есть конечно, надо модифицировать скрипт.

[Нарек]

У меня он такой) 

// LOGOUT POPUP$(document).ready(function () {    $('#logout').click(function () {        setTimeout(function() {          if ($("#logout-container").is(":hidden")) {            $('#logout-container').fadeIn();            $('#logout').toggleClass('log-pressed');}        }, 100);    });});$(document).click(function (e) {   if ($(e.target).closest("#logout-container").length) return;    $("#logout-container").fadeOut();    $('#logout').removeClass('log-pressed');    e.stopPropagation();});

Кстати по второму вопросу не помогло vertical-align..

Edited June 24, 2014 by Нарек

[Нарек]

Может кому то еще пригодится 

 

Вот код с которым работает iOS

$(document).ready(function() {      $("body").on("click", "#login", function() {    setTimeout(function() {      if ($("#login-container").is(":hidden")) {      $('#login-container').fadeIn();      $('#login').toggleClass('log-pressed');}    }, 100);  });    $("body").on("click touchmove", function (e) {     if ($(e.target).closest("#login-container").length) return;    $("#login-container").fadeOut();    $('#login').removeClass('log-pressed');    e.stopPropagation();  });  });

По поводу полос в меню, пока не знаю исчезли они или нет, если исчезнут, напишу как получилось)

 

Спасибо большое форумчанам, которые реально помогают, на других форумах уже давно бы послали куда подальше)

[Нарек]

Проблему с розовыми линиями решил (как решил, просто испортил верстку ) весьма извращенным способом. Добавил бордер и outline по 1px, и хрен теперь что видно там будет розового)))

Edited June 24, 2014 by Нарек