是否有CSS属性可使边距透明?

时间:2019-07-17 13:16:14

标签: css

`<a href="https://wordpress-283007-902264.cloudwaysapps.com/our-work/" class="elementor-item has-submenu" id="sm-15633672227933127-1" aria-haspopup="true" aria-controls="sm-15633672227933127-2" aria-expanded="false">OUR WORK<span class="sub-arrow"><i class="fa"></i></span></a>
 <ul class="sub-menu elementor-nav-menu--dropdown sm-nowrap" id="sm-15633672227933127-2" role="group" aria-hidden="true" aria-labelledby="sm-15633672227933127-1" aria-expanded="false" style="width: auto; display: none; top: auto; left: 0px; margin-left: 0px; margin-top: 0px; min-width: 10em; max-width: 1000px;">
    <li class="menu-item menu-item-type-post_type menu-item-object-our_work menu-item-126"><a href="https://wordpress-283007-902264.cloudwaysapps.com/our-work/bedroom-furniture/" class="elementor-sub-item">BEDROOM FURNITURE</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-our_work menu-item-345"><a href="https://wordpress-283007-902264.cloudwaysapps.com/our-work/kitchen-furniture/" class="elementor-sub-item">KITCHEN FURNITURE</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-our_work menu-item-344"><a href="https://wordpress-283007-902264.cloudwaysapps.com/our-work/living-room-furniture/" class="elementor-sub-item">LIVING ROOM FURNITURE</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-our_work menu-item-343"><a href="https://wordpress-283007-902264.cloudwaysapps.com/our-work/office-furniture/" class="elementor-sub-item">OFFICE FURNITURE</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-our_work menu-item-342"><a href="https://wordpress-283007-902264.cloudwaysapps.com/our-work/barn-doors-wall-decor/" class="elementor-sub-item">BARN DOORS + WALL DECOR</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-our_work menu-item-341"><a href="https://wordpress-283007-902264.cloudwaysapps.com/our-work/so-much-more/" class="elementor-sub-item">SO MUCH MORE</a></li>

我正在处理标题菜单,并且其中一个菜单项具有与之关联的下拉菜单。下拉菜单的背景应为透明,项目列表应为灰色背景色。但是,当我将背景的不透明度更改为0时,所有子元素<li>都继承了不透明度,而且我似乎无法使<li>具有任何背景色。

我曾尝试研究顶级的透明属性,也曾尝试过'background:transparent;'。整个下拉菜单上的“属性”,然后是background-color的{​​{1}}属性。

<li>

我希望下拉菜单的背景是透明的,菜单selector ul.sub-menu.elementor-nav-menu--dropdown.sm-nowrap { opacity: 0; } selector li.menu-item.menu-item-type-post_type.menu-item-object-our_work.menu-item-126 { margin-top: 10px; } selector li.menu-item.menu-item-type-post_type.menu-item-object- our_work { margin-top: 10px; background-color: rgba(0, 0, 0, .6) } 的{​​{1}}是浅灰色。

The Problem I'm Having

What The Menu Should Look Like

0 个答案:

没有答案