基本CSS不透明度

我正在使用SaaS构建自己的网店。问题是我不知道任何代码。我想让我的菜单栏看起来更时尚。SaaS平台提供CSS编辑，但我不能更改html。 当前菜单栏具有此css

#menu {
  padding: 5px 0 5px 0;
  background: #005775;
  margin: 0 0 8px 0; 
} 

我怎样才能使它看起来更好。我试图改变不透明度，但每次我添加单词opacity，代码就会中断，memu就会消失

我现在的设计是这样的； 我真的想让菜单栏不那么粗糙，让它看起来更友好

很抱歉，我的语法糟糕，缺乏知识。

尝试使用

背景色：rgba（）

代替不透明度 这将增加菜单栏的透明度

范例

background-color:rgba(255,0,0,0.5);

最后一个值增加了透明度

当您向

#菜单添加不透明度时，它会影响到他的所有孩子，菜单将消失。您必须使用
背景色：rgba（）
或
背景色：hsla（）

因此：


#菜单{
宽度：200px；
高度：200px；
填充：5px0 5px0；
边际：0.08像素0；
背景：rgba（0,87117,0.3）；/*/I使用0.3/*/
}
我是菜单
试试这个。正如其他人所说，这也将减少菜单中文本的不透明度

#menu {
  padding: 5px 0 5px 0;
  background: #005775;
  margin: 0 0 8px 0;
  opacity: 0.5; // Change this value between 0(transparent) -> 1(100% visible);
}

你能展示一下你试过的吗？你说的“好看”到底是什么意思？而且，我们只能看到一些代码，而不是视觉演示，因此我们无法真正给出如何使其“更好看”的任何信息，而不知道什么是“更好看”，我发现很难提供建议。品味是无法解释的！这真是太神奇了，这么多人都在努力帮助。我上传了一张我的网站的图片，你可以看到。菜单栏看起来很粗糙，很不友好。这就是我想让它更柔软的原因@帕奎伊这只是品味的问题。告诉我们你希望它看起来像什么，我们会帮助你。否则我们无法“猜测”你想要什么非常感谢你的评论和时间。代码是有效的，但它没有达到我想要的效果。对不起，我想我不擅长解释我想要什么。“这太神奇了，这么多人都在尝试帮助。我上传了一张我网站的图片，你可以看到。菜单栏看起来非常粗糙和不友好。这就是我想让它更柔和的原因。”
#menu {
  padding: 5px 0 5px 0;
  background: #005775;
  margin: 0 0 8px 0;
  opacity: 0.5; // Change this value between 0(transparent) -> 1(100% visible);
}