Html 不透明度不起作用_Html_Css

Html 不透明度不起作用

html css

Html 不透明度不起作用,html,css,Html,Css,我试图增加不透明的三个按钮，我在我的网站上。我确实让它工作了，但是我在按钮中的文本也受到了影响，所以我试着在它周围创建一个跨度，自从我开始处理它，我就不能再让不透明度工作了有人知道我做错了什么吗？我试图添加不透明度的部分是这个分区 <div class="search_option_container_out"> <div class="search_option_box"> <ul> <li>Ho

我试图增加不透明的三个按钮，我在我的网站上。我确实让它工作了，但是我在按钮中的文本也受到了影响，所以我试着在它周围创建一个跨度，自从我开始处理它，我就不能再让不透明度工作了

有人知道我做错了什么吗？我试图添加不透明度的部分是这个分区

<div class="search_option_container_out">
    <div class="search_option_box">
        <ul>
            <li>Homes</li><!--
            --><li>Agents</li><!--
            --><li>fdfs</li>
        </ul>
    </div>
</div>



家庭
代理
FDF

这是一把小提琴，显示按钮在做什么。按钮是三个深灰色按钮

您添加了不透明度，按钮是灰色而不是黑色的

如果你加上

body {
     background-color: #009;
}

你可以看到按钮是半透明的

如果您只想更改背景色而不想更改所有子项，则可以使用

背景色：rgb（24,24,24,0.6）

而不是

不透明度：0.6

：

更改此项：

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgb(24, 24, 24);
    opacity: 0.6;
    color: #FFFFFF;
}

为此：

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgba(24, 24, 24, 0.6);
    color: #FFFFFF;
}

您添加了不透明度，按钮是灰色而不是黑色

如果你加上

body {
     background-color: #009;
}

你可以看到按钮是半透明的

如果您只想更改背景色而不想更改所有子项，则可以使用

背景色：rgb（24,24,24,0.6）

而不是

不透明度：0.6

：

更改此项：

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgb(24, 24, 24);
    opacity: 0.6;
    color: #FFFFFF;
}

为此：

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgba(24, 24, 24, 0.6);
    color: #FFFFFF;
}

您添加了不透明度，按钮是灰色而不是黑色

如果你加上

body {
     background-color: #009;
}

你可以看到按钮是半透明的

如果您只想更改背景色而不想更改所有子项，则可以使用

背景色：rgb（24,24,24,0.6）

而不是

不透明度：0.6

：

更改此项：

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgb(24, 24, 24);
    opacity: 0.6;
    color: #FFFFFF;
}

为此：

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgba(24, 24, 24, 0.6);
    color: #FFFFFF;
}

您添加了不透明度，按钮是灰色而不是黑色

如果你加上

body {
     background-color: #009;
}

你可以看到按钮是半透明的

如果您只想更改背景色而不想更改所有子项，则可以使用

背景色：rgb（24,24,24,0.6）

而不是

不透明度：0.6

：

更改此项：

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgb(24, 24, 24);
    opacity: 0.6;
    color: #FFFFFF;
}

为此：

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgba(24, 24, 24, 0.6);
    color: #FFFFFF;
}

换成

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgba(24, 24, 24, 0.6);
    color: #FFFFFF;
}

因此背景接收不透明度

将其更改为

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgba(24, 24, 24, 0.6);
    color: #FFFFFF;
}

因此背景接收不透明度

将其更改为

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgba(24, 24, 24, 0.6);
    color: #FFFFFF;
}

因此背景接收不透明度

将其更改为

.search_option_box li {
    display: inline;
    border: 1px solid black;
    border-collapse: collapse;
    line-height: 2em;
    padding: 20px 75px;
    background: rgba(24, 24, 24, 0.6);
    color: #FFFFFF;
}

因此，背景使用rgba接收不透明度将非常有用，并且不会影响文本

.search_option_box li {
display: inline;
border: 1px solid black;
border-collapse: collapse;
line-height: 2em;
padding: 20px 75px;
/*background: rgb(24, 24, 24); */

background: rgba(24, 24, 24, 0.32);  
/* opacity: 0.6; */
color: #FFFFFF;
 }

使用

rgba

将非常有用，并且不会影响文本

.search_option_box li {
display: inline;
border: 1px solid black;
border-collapse: collapse;
line-height: 2em;
padding: 20px 75px;
/*background: rgb(24, 24, 24); */

background: rgba(24, 24, 24, 0.32);  
/* opacity: 0.6; */
color: #FFFFFF;
 }

使用

rgba

将非常有用，并且不会影响文本

.search_option_box li {
display: inline;
border: 1px solid black;
border-collapse: collapse;
line-height: 2em;
padding: 20px 75px;
/*background: rgb(24, 24, 24); */

background: rgba(24, 24, 24, 0.32);  
/* opacity: 0.6; */
color: #FFFFFF;
 }

使用

rgba

将非常有用，并且不会影响文本

.search_option_box li {
display: inline;
border: 1px solid black;
border-collapse: collapse;
line-height: 2em;
padding: 20px 75px;
/*background: rgb(24, 24, 24); */

background: rgba(24, 24, 24, 0.32);  
/* opacity: 0.6; */
color: #FFFFFF;
 }

那是因为按钮的颜色不是黑色的。我把它做成了深灰色。在我对它们做些什么之前，它们看起来是透明的。按钮几乎是黑色的，rgba（24，24，24）几乎完全是黑色的。它们看起来更亮，因为你有

不透明度：0.6

哦，我明白了。白色的背景一定让我不舒服。谢谢如果你的问题得到了回答，你应该这样标记：）那是因为按钮的颜色不是黑色的。我把它做成了深灰色。在我对它们做些什么之前，它们看起来是透明的。按钮几乎是黑色的，rgba（24，24，24）几乎完全是黑色的。它们看起来更亮，因为你有

不透明度：0.6

不透明度：0.6

不透明度：0.6

哦，我明白了。白色的背景一定让我不舒服。谢谢如果你的问题得到了回答，你应该这样标记：）