gpt4 book ai didi

html - 如何去除透明色(不透明度)

转载 作者:太空宇宙 更新时间:2023-11-04 13:21:46 25 4
gpt4 key购买 nike

<分区>

我有以下代码:

html...

<div id="solidcolor">
<div class="transcolor">transcolor
<div class="notranscolor">some text</div>
</div>
</div>

CSS..

#solidcolor{
background: url("http://i45.tinypic.com/o5aycp.gif") repeat;
width: 200px;
height: 200px;
}
.transcolor{
background: blue;
opacity: 0.4;
height: 100px;
}
.notranscolor{
background: red; /* I want this color to solid color not transparent color*/
}

DEMO

编辑说明 我不能使用 rgba() 方法设置它的背景颜色,因为我必须设置线性渐变颜色。

编辑1

即使在应用了绝对定位之后,我也无法找到合适的解决方案。但下一个想法我想用 calc() 方法来做到这一点,但它不会退出。有什么想法吗?

编辑2

由于@rokburgar 已经给出了答案,即使在应用绝对位置后我也无法解决我的问题。但是我想将不透明度设置为 1.25 我知道这应该是 0 到 1 但他已经声明 0.4 * 1.0 = 0.4 就像这样 0.8 * 1.25 = 1 那么为什么它不起作用?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com