如何用css设置不透明度的背景颜色?

时间:2014-04-25 10:26:32

标签: html css wordpress opacity

  1. 我正在尝试设置此网站的背景菜单颜色(下拉菜单): http://www.artofplacement.com/wordpress/ 但我不能选择颜色代码。它的蓝色但不透明度我猜。如何设置不透明度较低的背景颜色,例如参考站点下拉菜单? 我只想复制相同的菜单css http://www.artofplacement.com/wordpress/到我的网站。我将把我的工作网站放在评论中。
  2. 但我无法从下拉菜单中复制背景颜色。

    1. 检查此站点:artofplacement.com/wordpress,当您将鼠标移至Room时,您会看到红色bg颜色和下拉列表,请注意,红色bg是粘滞的,直到您将鼠标移到其他菜单。我需要这个粘红色。你能帮助我吗?
    2. 提前致谢。

2 个答案:

答案 0 :(得分:0)

广告您的下拉菜单css悬停效果:

background-image: rgba(235,235,235,1);
    background-image: -webkit-linear-gradient(top, #ff0000 0%,#a60000 100%);
    background-image: -moz-linear-gradient(top, #ff0000 0%,#a60000 100%);
    background-image: -o-linear-gradient(top, #ff0000 0%,#a60000 100%);
    background-image: -ms-linear-gradient(top, #ff0000 0%,#a60000 100%);
    background-image: linear-gradient(top, #ff0000 0%,#a60000 100%);
    -webkit-box-shadow: rgba(128,128,128,1) 0px 0px 0px 0px, inset rgba(255,255,255,1) 0px 0px 0px 0px;
    -moz-box-shadow: rgba(128,128,128,1) 0px 0px 0px 0px, inset rgba(255,255,255,1) 0px 0px 0px 0px;
    box-shadow: rgba(128,128,128,1) 0px 0px 0px 0px, inset rgba(255,255,255,1) 0px 0px 0px 0px;

工作演示:DEMO 另一个演示:DEMO2

答案 1 :(得分:0)

尝试这种颜色我与该样本网站完全匹配... 根据需要更改字体颜色。 background-color:rgba(164,191,246,0.6); 要么 背景:rgba(164,191,246,0.6); 要么 颜色:rgba(164,191,246,0.6);