Question

所以这是我的代码，它工作正常，但我希望图像透明度为50％。

 #esc1{ 
 position: absolute; 
 top:30px; 
 right: 0; 
 width: 30px; 
 height: 30px;
 }

很抱歉，我之前发布了错误的代码..

Answer 1

将不透明度设置为您要为其提供透明度的类。

例如：

#esc1 {
 position: absolute; 
 top:30px; 
 right: 0; 
 width: 30px; 
 height: 30px;
 opacity: 0.5;
 }

你也可以用背景赋予不透明度

例如：background : rgba(red_value , green_value , blue_value, alpha_value);

red_value，green_value，blue_value 是div background-color的组合值。 alpha_value 是div的不透明度值。

根据您的需要设置不透明度。

注意：其值应介于 0 至 1 之间，包括 0 和 1

希望这有帮助。

Answer 2

用于透明背景

 #esc1{ 
 position: absolute; 
 top:30px; 
 right: 0; 
 width: 30px; 
 height: 30px;
 background-color: rgba(255, 255, 255, .5);
 }

透明元素

 #esc1{ 
 position: absolute; 
 top:30px; 
 right: 0; 
 width: 30px; 
 height: 30px;
 opacity: 0.5;
 }

Answer 3

您想要设置不透明度属性

.myClass { 不透明度：0.5 }

Answer 4

有多种方法可以实现这一目标，如果不查看代码就很难分辨哪一种方法最好，但实现这一目标的一种方法是通过不透明度如下：

opacity: .5

其中.5是透明度。 .5相当于50％的透明度。

或如果是背景颜色，则可以使用：

background-color: rgba(redValue, greenValue, blueValue, alphaVale);

Alpha值与0到1之间的不透明度相同

Answer 5

单见证类中的所有图像在CSS中都是透明的：）

        <style>
 .single-testimonial img{
        opacity: 0.8!important;
    }
</style>
    <div class="single-testimonial">
                                    <div class="col-md-12">
                                        <div class="col-md-6">
                                            <img src="b-2.jpg" />
                                        </div>
                                        <div class="col-md-6">
                                            <h2>Louis Smith</h2>
                                            <p>
                                           برنامه نویسان مریخی
                                            </p>
                                        </div>
                                    </div>

                                </div>

在CSS中使图像透明

5 个答案: