vue背景透明度消失
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue背景透明度消失相关的知识,希望对你有一定的参考价值。
vue背景透明度消失,根据统计与调差来看,一般这种现象只要打开控制面板,在经典视图中打开系统,在“性能→高级选项→性能→视觉效果”里选取“在桌面上为图标标签使用阴影”即可。 参考技术A 首先,需要知道rgba() 函数。rgba() 函数使用红(R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。
RGBA 即红色、绿色、蓝色、透明度(英语:Red, Green, Blue、Alpha)。
红色(R)0 到 255 间的整数,代表颜色中的红色成分。。
绿色(G)0 到 255 间的整数,代表颜色中的绿色成分。
蓝色(B)0 到 255 间的整数,代表颜色中的蓝色成分。
透明度(A)取值 0~1 之间, 代表透明度。数值越小,透明度越高。
下面上vue代码:

首先设置父级元素位置position: relative;然后设置子元素位置position: absolute;通过设置left、right、top、bottom来调整位置,然后设置背景色background:rgba(34,34,34,0.5);

设置button的背景色为透明色
在设置样式时使用
background-color: unset

3.1.0 是设置了背景色的

登录是没有设置背景色的 参考技术B 首先设置父级元素位置position: relative;然后设置子元素位置position: absolute;通过设置left、right、top、bottom来调整位置,然后设置背景色background:rgba(34,34,34,0.5);
如何创建具有清晰背景的按钮
【中文标题】如何创建具有清晰背景的按钮【英文标题】:How to create a button with a clear background 【发布时间】:2014-03-11 03:12:56 【问题描述】:如何创建一个除了图像之外透明的 UIButton?
我有透明背景的 PNG。我用它创建了一个按钮,然后我得到了蓝色的图像。
如果我将 tintColor 设置为 clearColor,色调会消失,但黑色图像也会消失。
我一直使用 UIButtonTypeSystem 作为按钮类型。
UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem] ;
button.frame = rect ;
[button setImage:image forState:UIControlStateNormal] ;
button.backgroundColor = [UIColor clearColor] ; // Does nothing
button.tintColor = [UIColor clearColor] ; // Makes the button go away.
【问题讨论】:
【参考方案1】:为了有一个透明的按钮,你应该把它设为自定义类型。所以你的代码会变成:
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = rect ;
[button setImage:image forState:UIControlStateNormal] ;
button.backgroundColor = [UIColor clearColor] ; // This is not necessary, unless you want to specify a color - say [UIColor redColor] - for the button
由于 UIButtonTypeCustom 的行为方式与 UIButtonTypeSystem 不同,因此您应该查看各种布尔标志来设置特定的特征。它们必须手动设置或通过 Interface Builder 设置。这是list 的属性。
【讨论】:
【参考方案2】:UIButton *button = [UIButton UIButtonTypeCustom] ;
button.frame = rect ;
[button setImage:image forState:UIControlStateNormal];
你只需要使用UIButtonTypeCustom,不需要为UIButton设置任何backgroundColor或tintColor。
【讨论】:
【参考方案3】:您需要使用UIButtonTypeCustom
。
【讨论】:
【参考方案4】:只需更改一行使用 UIButtonTypeCustom 而不是 UIButtonTypeSystem
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom] ;
button.frame = rect ;
[button setImage:image forState:UIControlStateNormal] ;
button.backgroundColor = [UIColor clearColor] ;
【讨论】:
以上是关于vue背景透明度消失的主要内容,如果未能解决你的问题,请参考以下文章