Jump to content
Sign in to follow this  
Redowl

Как убрать прозрачность фона из меню

Recommended Posts

Здравствуйте!

Подскажите, пожалуйста. У меня магазин на Opencart со стандартной темой Default: 

Когда я увеличила количество категорий товаров, они расположились в 2 ряда в главном меню. И теперь, если мы наводим мышью на категории верхнего ряда, из них раскрывается полупрозрачный список подкатегорий, под которым просвечивает название категории нижнего ряда (т.к. фон разворачиваемого списка - полупрозрачный). 

Если Вы знаете, как исправить фон на непрозрачный (что именно нужно исправить в stylesheet), буду Вам очень благодарна!

Спасибо!

 

post-689040-0-99830900-1416410217_thumb.jpg

Share this post


Link to post
Share on other sites

в стандартной теме в stylesheet.css

 

#menu > ul > li > div {
display: none;
background: #FFFFFF;
position: absolute;
z-index: 5;
padding: 5px;
border: 1px solid #000000;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: url('../image/menu.png'); ------ вот это заменить, к примеру, на background: #000;
}

Share this post


Link to post
Share on other sites

Спасибо за совет! Получилось поменять цвет фона, но прозрачность не убралась.

Поискала информацию в сети, но строк со словами alpha или thansparent (по найденным советам) у меня в файле stylesheet нет.

Ладно, пока уменьшу кол-во категорий, а если потом понадобится, буду снова колдовать над непрозрачностью.


 

Share this post


Link to post
Share on other sites

Вам же ответили, уберите картинку для фона, она полупрозрачная и все будет гуд.

Share this post


Link to post
Share on other sites

Вам же ответили, уберите картинку для фона, она полупрозрачная и все будет гуд.

Я сделала так, как мне написали.

Было так:

background: url('../image/menu.png');

Стало так:

background: #000;

 

прозрачность не убралась. поменялся только цвет фона, но остался прозрачным.

может, мне нужно удалить эту картинку вообще? но я не могу найти, где она лежит.

Share this post


Link to post
Share on other sites

Обнаружилась еще одна проблема. Если в главном меню категории все-таки расположены в два ряда, то при раскрытии списка подкатегорий из верхнего ряда он накладывается на нижние категории. И так как этот фон списка подкатегорий прозрачный, то из-под него просвечивает название категории нижнего ряда, которое является активным для входа. А в развернутые поверх него подкатегории зайти не получается!

Пожалуйста, подскажите, что сделать? Неужели ни у кого не было такой проблемы? шаблон-то стандартный. версия 1.5.4.1.

Спасибо в любом случае.

post-689040-0-12301300-1416555893_thumb.jpg

Share this post


Link to post
Share on other sites

А вы не думали оптимизировать меню?

Зачем вам "Комплекты постельного белья" и "Постельное белье" на верхнем уровне?

Сделайте главную категорию "Постельное белье", а вложенную - "Комплекты"

И так же с другими категориями. Полотенца, скатерти, салфетки, текстиль для кухни - почему бы не собрать в одну категорию?

Когда у вас меню выстроится в одну строку - у вас и проблем с прозрачностью и наложением возникать не будет.

Share this post


Link to post
Share on other sites

1. "непрозрачность" - opacity.

2. на вашем месте я бы подумал над организацией категорий или меню, чтобы не допускать расположения в 2 ряда.

>> Обнаружилась еще одна проблема.

см 2.

потом z-index

Share this post


Link to post
Share on other sites

А вы не думали оптимизировать меню?

Зачем вам "Комплекты постельного белья" и "Постельное белье" на верхнем уровне?

Сделайте главную категорию "Постельное белье", а вложенную - "Комплекты"

И так же с другими категориями. Полотенца, скатерти, салфетки, текстиль для кухни - почему бы не собрать в одну категорию?

Когда у вас меню выстроится в одну строку - у вас и проблем с прозрачностью и наложением возникать не будет.

Да, видимо, так и придется сделать. А то потом у меня еще будут категории добавляться, и все равно придется их оптимизировать.

Спасибо.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.