Автор Тема: Главное горизонтальное меню в Opera  (Прочитано 434 раз)

19 Январь 2018, 15:16:04
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день.

Столкнулся с такой проблемой.
В модуле горизонтального меню решил установить фон строки расположения меню:
sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  background: url('../img/1.jpg')  repeat;

  }
В браузерах Mozilla Firefox, IE – нормально, фон устанавливает а в Opera – нет.
Как забить фон в OPERA.
Типа:
-o-background: url('../img/1.jpg')  repeat;Но этот вариант пробовал, не работает.

Спасибо!
19 Январь 2018, 15:28:45
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
Свойство background поддерживается браузерами Chrome, Firefox, IE, Opera.
Это касается дестопов. Для мобильных могут быть проблемы.
Достаточно добавить !important к значению свойства и тогда проблем не будет.
19 Январь 2018, 16:00:54
Ответ #2
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо!
Но если так, тогда почему этот скрипт

sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  background: url('../img/1.jpg')  repeat;

 
}
Не работает в Опере и Google Chrome.
В приложении есть вывод в этих браузерах.

Спасибо!
19 Январь 2018, 16:12:52
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 16667
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Фон подставляется, все работает.
Разница только в том, элементов списка фон разный.
19 Январь 2018, 16:24:42
Ответ #4
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо за ответ!

Прошу прощения, но вы наверное не поняли меня.
В примере IE2, с правой стороны от отзывы, устанавливается фон из url('../img/1.jpg'), серый - забивает пустое место за кнопками.
А в примере Опера, с правой стороны от Отзывы фон из url('../img/1.jpg') серый, не ставиться, не забивает.
То есть в IE забивает фоном картинки, а в Опере и Гугле нет.
Вот в чем вопрос.
Спасибо!
 
19 Январь 2018, 16:37:42
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 1614
  • Репутация: +32/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Сайт покажите, понятнее будет.
19 Январь 2018, 18:47:27
Ответ #6
  • Ветеран
  • *****
  • Сообщений: 16667
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Прошу прощения, но вы наверное не поняли меня.
То есть в IE забивает фоном картинки, а в Опере и Гугле нет.
Не так. Фон устанавливается для класса sf-menu, это блок списков ul. У элементов списка li устанавливается другой фон.
21 Январь 2018, 10:21:10
Ответ #7
  • Старожил
  • ****
  • Сообщений: 380
  • Репутация: +1/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо всем за ответы!
Вопрос решился переустановкой модуля и установкой изменений по новому.
Еще раз спасибо.