Question

我附上了一张显示我的下拉列表的图片。问题是您仍然可以看到下拉列表背后的文字。我希望它是深蓝色的，因此可以隐藏它背后的文字。如何使用CSS更改此设置，以便后台不会让我看到它背后的文字？ documentation 正如您在图像上看到的那样，可以通过该下拉菜单看到ns。过去12个月有点重叠。

这是选项卡的CSS代码

<a style='color:#f4f442;' href ='course/view.php?id=11'><div class ='menu_button'><span class='middle daily'>Daily Magic Spells</span><br /><div class='dd'><ul><li class='recent'><a style='color:#f4f442' href='recent.php'>Most recent leaders</a></li><li class='threem'><a style='color:#f4f442' href='three-month.php'>last 3 months</a></li><li class='sixm'><a style='color:#f4f442' href='six-month.php'>last 6 months</a></li><li class='twelvem'><a style='color:#f4f442' href='year.php'>last 12 months</a></li></ul></div></div></a>

HTML

in

Answer 1

您需要从rgba背景颜色中删除不透明度

.test{
  height: 100px;
  width: 100px;
  background-color: rgba(26,63,115, .5)
}

如果您更改

  background-color: rgba(26,63,115, .5)

到

  background-color: rgba(26,63,115, 1)

它将移除不透明度，使颜色变为实体

随着代码更改

.menu_button ul {
    margin-top: 10px;
    background: #1A3F73;
    list-style-type: none;
    width: 100%;
    display: none;
    margin-left: 0px;
    background: rgba(128,128,128,0.7);
}

到

.menu_button ul {
    margin-top: 10px;
    background: #1A3F73;
    list-style-type: none;
    width: 100%;
    display: none;
    margin-left: 0px;
    background: rgba(128,128,128,1);
}

如何使深蓝色下拉背景不透明

1 个答案: