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背景透明度消失的主要内容,如果未能解决你的问题,请参考以下文章

Android之Dialog半透明背景消失

Vue设置背景色透明度字体不透明

如何让我的网站内容在我的固定菜单栏下滚动并在透明背景下消失?

透明 CSS 背景颜色

iOS导航栏背景透明渐变

Vue中设置背景图片和透明度