标签: opacity
创建淡出标签
这似乎是一个简单的问题......
我正在寻找C#Winforms中的Label.Opacity属性.
我想做的是有一种逐渐消失标签的方法.通过计时器或许？
由于没有Opacity我试图将它的transperency设置为更高的数字,直到它足够高,该项目应该是不可见的.但我似乎无法做到这一点.
目前我有:
public FadeLabel()
{
MyTimer timer = new MyTimer();
this.TextChanged += (s, ea) =>
{
if (timer.IsActive)
{
timer.Reset();
}
else
{
timer.WaitTime.Miliseconds = 500;
timer.Start();
timer.Completed += (a) =>
{
int i = 0;
Timer tm = new Timer();
tm.Interval = 1;
tm.Tick += (sa, aea) =>
{
i++;
this.ForeColor = Color.FromArgb(i, Color.Black);
this.BackColor = Color.FromArgb(i, Color.White);
this.Invalidate();
if (i == 255)
{
tm.Stop();
}
};
tm.Start();
};
}
};
}
推荐指数
解决办法
查看次数
WPF更改网格和网格边框不透明度而不影响子项
我有一个网格,我想使不透明度为0.5.我也有这个网格的边界,以使圆角走投无路,我想这条边界也有不透明度0.5.我想要所有这些而不影响网格的内容.我成功地改变了网格的不透明度而没有影响内容:
<Grid Grid.Column="0" Grid.Row="0" Margin="10,15,5,5" >
<Border BorderThickness="7" CornerRadius="4" >
<Grid>
<Grid.Background>
<SolidColorBrush Color="#73B2F5" Opacity="0.5"/>
</Grid.Background>
<Grid.RowDefinitions>
<RowDefinition Height="30"/>
<RowDefinition Height="1*"/>
</Grid.RowDefinitions>
<Button Grid.Row="1" Grid.Column="0" Width="40" Height="40" Content="Asaf"></Button>
</Grid>
</Border>
</Grid>
在上面的示例中,按钮具有完全不透明度,而网格为0.5,但边框呢？如何让我的边境有0.5混浊不影响里面的网格,网格内容(所有边框孩子)？
我试过这个,但它不起作用:
<Grid Grid.Column="0" Grid.Row="0" Margin="10,15,5,5" >
<Border BorderThickness="7" CornerRadius="4">
<Border.Background>
<SolidColorBrush Color="#73B2F5" Opacity="0.5"/>
</Border.Background>
<Grid>
<Grid.Background>
<SolidColorBrush Color="#73B2F5" Opacity="0.5"/>
</Grid.Background>
<Grid.RowDefinitions>
<RowDefinition Height="30"/>
<RowDefinition Height="1*"/>
</Grid.RowDefinitions>
<Button Grid.Row="1" Grid.Column="0" Width="40" Height="40" Content="Asaf"></Button>
</Grid>
</Border>
</Grid>
推荐指数
解决办法
查看次数
不透明度的元素在firefox中落后于iframe
我有一个位于iframe上的元素(bar),如果我在该元素上设置不透明度,它会保留在iframe下,即使该项具有比iframe更大的z-index.
但是,如果我在该元素和iframe周围创建一个容器(foo),并在那里设置不透明度,则(bar)元素会像预期一样停留在iframe前面.
CSS:
#bar {
width:100px;
opacity:0.5;
height: 150px;
position:relative;
top:100px;
z-index:2;
background:red
}
#foo {
/* opacity:0.5; */
}
HTML
<div id="foo">
<div id="bar">
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</div>
<iframe src="http://www.adelaide.edu.au/myuni/tutorials/docdesign/guides/docDesignGuide_KeepPDFsmall.pdf" width="200px" height="200px" frameborder="0" style="z-index:-1"></iframe>
</div>
创建该容器将解决我的问题,但我不能这样做,因为我当前的标记不允许它.我需要不透明度留在条形元素.
这只发生在Firefox中,iframe的内容是.pdf文件.
如何在保持其不透明度设置的同时让条形元素保持在iframe的顶部？
更新:
似乎问题与我在iframe中采购pdf文件而不是网页这一事实有关.
提前致谢
推荐指数
解决办法
查看次数
在悬停时点亮图像
当您将鼠标悬停在徽标上时,图像会亮起.如果不在悬停时使用不同的图像,这种效果是否可行？
我的第一个想法是使用::after:hover并添加一个高透明度的白色正方形覆盖徽标,但由于我的徽标放在蓝色背景上,这是行不通的.另一个想法是将不透明度设置为0.9,并在悬停时将其设置为1.但这会使图像默认显得太暗.
推荐指数
解决办法
查看次数
Jquery:如果隐藏了元素,请执行操作吗？
你好我在网上搜索了一下,但没找到我想要的东西.但无论如何,我正在寻找的是一些元素,如果一个元素被隐藏然后它会做一个动作,然后如果该元素是可见的,它将会做另一个动作.在这种情况下,我正在构建一个显示/隐藏菜单,当您单击菜单图标(带有".toggle"类)时,它会将不透明度更改为1,当您隐藏菜单时,图标不透明度将再次变为0.6 .
无论如何,这是我的代码:
$(".sidebar_menu").hide();
$(".sidebar li.toggle").click(function(){
$(".sidebar_menu").animate({width: "toggle"}, 200);
// Here's where the code I can't figure out is gonna be.
});
希望你们想帮助我,这会很好!谢谢.
推荐指数
解决办法
查看次数
如何更改spritenode不透明度
我正在使用XCode 6,Sprite Kit和Swift,我有一个带有此声明的节点:
var red = SKSpriteNode(imageNamed: "Rectangle")
我想改变节点的不透明度,但我没有找到,除了使用像FadeIn,FadeOut等SKAction ...
我尝试更改red.colorBlendFactor,但它只更改节点上新颜色的不透明度,而不是节点的不透明度...
推荐指数
解决办法
查看次数
Imagick不能正确渲染svg不透明度
我需要来自Inkscape和Imagick的相同输出.
这是从Inkscape导出的预期结果.
但是,下面的PHP代码会输出以下错误结果.
PHP代码:
<?php
$im = new Imagick();
$im->setResolution(400,400);
$im->setBackgroundColor(new ImagickPixel('transparent'));
$im->readImageBlob(str_replace(array("color1", "color2"), array("yellow", "blue"), file_get_contents("img.svg")));
$im->setImageFormat("png");
header("Content-type: image/png");
echo $im;
?>
SVG代码:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400" height="400">
<rect width="100%" height="100%" fill="green" />
<path d="M250 150 L150 350 L350 350 Z" opacity="0.9" fill="color1" />
<path d="M150 50 L50 250 L250 250 Z" opacity="0.9" fill="color2" />
</svg>
推荐指数
解决办法
查看次数
无法控制div内图像的不透明度
我想div中的图像是不透明的,而div是透明的.我尝试设置图像和div的不透明度,但它不起作用.
jsFiddle链接:http://jsfiddle.net/2BNEF/10/
我希望图像不透明,文本透明可见.
<div id="targetframe">
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and …推荐指数
解决办法
查看次数
有没有办法让svg多边形投影具有不透明度？
有没有办法将不透明度编码到这个多边形中？我正在尝试,但filter: drop-shadow( 6px 0 2px rgba(xxx,xxx,xxx,x.x))似乎没有工作.
这是一个jsfiddle:http://jsfiddle.net/buhL2wjb/
HTML:
<div class="container">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-right-arrow" viewBox="0 0 20 152" preserveAspectRatio="xMinYMid meet">
<polygon points="0,0 0,152 20,76"></polygon>
</svg>
</div>
CSS:
.container{
width:500px;
height:300px;
border:1px solid lightgrey;
}
.svg-right-arrow{
height:100%;
-webkit-filter: drop-shadow( 6px 0 2px #000000 );
filter: drop-shadow( 6px 0 2px #000000 );
}
.svg-right-arrow polygon{
fill:lightblue;
}
推荐指数
解决办法
查看次数
在 SwiftUI 中将不透明度应用于 ZStack
这是我的两个重叠矩形的代码，并对它们应用了不透明度。
var body: some View {
let r = Rectangle()
.foregroundColor(.blue)
.frame(width: 80, height: 40)
.position(x: 60, y: 110)
let r2 = Rectangle()
.foregroundColor(.green)
.frame(width: 80, height: 40)
.position(x: 70, y: 120)
return ZStack {
r
r2
}.opacity(0.5)
}
它们看起来像这样：
它们需要看起来像这样（红色矩形只是为了更好地看到不透明度）：
所以我想说的是蓝色矩形在绿色矩形下面不应该是可见的。因为不透明度应该作为一个组应用于它们，而不是一个一个地单独应用于它们中的每一个。我怎样才能做到这一点？
推荐指数
解决办法
查看次数