Проблемы с отображением в сафари

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Balthazar, 7 апр 2016.

Метки:
  1. Balthazar

    Balthazar

    Регистрация:
    4 апр 2016
    Сообщения:
    17
    Симпатии:
    0
    Добрый день. Сменил вот поисковик на сайте, все нормально отображает кроме сафари



    [​IMG]

    Конкретно сафари не видет эту часть [​IMG]
    Вот так видит сафари

    [​IMG]

    Вот сам css



    .search-wrapper {

    display: inline-block;

    background: -moz-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3);

    background: -ms-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3);

    background: -o-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3);

    background: -webkit-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3);

    border-radius: 1px;

    padding: 1px;

    }

    .search input {

    width: 10px;

    height: 32px;

    line-height: 32px;

    font: 13px Helvetica, Arial, sans-serif;

    color:#000000;

    -moz-transition: all .2s ease-out;

    -webkit-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

    padding: 0 30px 0 6px;

    background-image: url(/wa-data/public/site/themes/img/noun_130305_cc.png), -moz-linear-gradient(#f3f3f3, #f3f3f3);

    background-image: url(/wa-data/public/site/themes/img/noun_130305_cc.png), -ms-linear-gradient(#f3f3f3, #f3f3f3);

    background-image: url(/wa-data/public/site/themes/img/noun_130305_cc.png), -o-linear-gradient(#f3f3f3, #f3f3f3);

    background-image: url(/wa-data/public/site/themes/img/noun_130305_cc.png), -webkit-linear-gradient(#f3f3f3, #f3f3f3);

    background-repeat: no-repeat;

    background-position: 100% 50%, 100% 100%;

    border: 1px solid #f3f3f3;

    border-radius: 3px;

    }



    .search input:focus {

    width: 160px;

    color: #0000000;

    background-image: url(/wa-data/public/site/themes/img/noun_130305_cc.png), -moz-linear-gradient(#f3f3f3, #f3f3f3);

    background-image: url(/wa-data/public/site/themes/img/noun_130305_cc.png), -ms-linear-gradient(#f3f3f3, #f3f3f3);

    background-image: url(/wa-data/public/site/themes/img/noun_130305_cc.png), -o-linear-gradient(#f3f3f3, #f3f3f3);

    background-image: url(/wa-data/public/site/themes/img/noun_130305_cc.png), -webkit-linear-gradient(#f3f3f3, #f3f3f3);

    }
    Не пойму что не нравится ?
    Буду очень благодарен за подсказку.
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    560
    Возьмите откройте сайт на нормальном сафари, а не на эмуляторе виндовском.
    5-я версия давно не рабочая. Там по умолчанию ставится 7 и выше. + на всех девайсах автоматом апгрейд софта идет.
     
  3. Balthazar

    Balthazar

    Регистрация:
    4 апр 2016
    Сообщения:
    17
    Симпатии:
    0
    Да нет проблема не решилась открыл на 9 из под мака и таже беда.
     
  4. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    560
    Нужен линк на сайт.
    Скорее всего из-за этого
    display: inline-block;

    но нужно посмотреть сменив параметр.
     
  5. Balthazar

    Balthazar

    Регистрация:
    4 апр 2016
    Сообщения:
    17
    Симпатии:
    0
    Сменил display: inline-block; на display:inline-flex; Ничего не изменилось для сафари