Foundation-sites: تعاني "القائمة المنسدلة" في "الشريط العلوي" من تجاوز الخلفية

أهلا،

سيترك هذا النوع من الأشياء dropdown menu يرث top-bar لون الخلفية ، وهو أمر غير مرغوب فيه لأنه يجعل محتوى القائمة غير مقروء.

<div class="top-bar" id="example-menu">
  <div class="top-bar-left">
    <ul class="dropdown menu" data-dropdown-menu>
      <li class="menu-text">Site Title</li>
      <li>
        <a href="#">One</a>
        <ul class="menu vertical">
          <li><a href="#">One</a></li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
        </ul>
      </li>
      <li><a href="#">Two</a></li>
      <li><a href="#">Three</a></li>
    </ul>
  </div>
  <div class="top-bar-right">
    <ul class="menu">
      <li><input type="search" placeholder="Search"></li>
      <li><button type="button" class="button">Search</button></li>
    </ul>
  </div>
</div>