如何改变基于TWinControl的控件的不透明度?为什么他们没有将这种能力添加到TControl/TWinControl级别(为什么只有TForm)?
是否可以在画布上动态创建部分透明元素?目前我在CSS中设置整个canvas元素的不透明度,但我希望某些元素比其他元素更明显.
到目前为止我发现的任何内容都表明这是可能的.
我在我制作的javascript动画上遇到了一个关于Internet Explorer的烦人的错误.我有一个城市天际线的灰度图像,它的不透明度变为0,显示出全彩色的天际线.
它在所有其他浏览器中看起来很棒,但IE显示了工件.一位朋友告诉我这是因为在IE中使用javascript动画不透明的一些奇怪的错误.与抗锯齿和假定的黑色背景有什么关系?我真的不知道.
似乎我的NSView的图层属性有时不可编辑/错误.在下面的代码中,动画效果很好,一切都显得正常.NSlog的输出始终是:
anim over opacity = 1.00000
first opacity = 0.50000
current opacity = 0.00000
updated opacity = 0.00000
Run Code Online (Sandbox Code Playgroud)
前两个日志看起来正确,所以即使动画停止,该层似乎正常运行.然而,一段时间后,当我检查不透明度时,它神奇地转向0.更进一步的错误,当我将图层的不透明度设置为1,然后立即检查它,它仍然是0.这怎么可能?
我在图层中使用setneedsdisplay和setneedsdisplay进行了讨论:在nsview中是YES并且没有帮助.任何建议都非常感谢.
- (void) someSetupAnimationMethod {
aLayer = [CALayer layer];
[theView setWantsLayer:YES];
[theView setLayer:aLayer];
[aLayer setOpacity:0.0];
CABasicAnimation *opacity = [CABasicAnimation animationWithKeyPath:@"opacity"];
opacity.byValue = [NSNumber numberWithFloat:1.0];
opacity.duration = 0.3;
opacity.delegate = self;
opacity.fillMode = kCAFillModeForwards;
opacity.removedOnCompletion = NO;
[opacity setValue:@"opacity done" forKey:@"animation"];
[aLayer addAnimation:opacity forKey:nil];
}
- (void) animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
if([[anim valueForKey:@"animation"] isEqualToString:@"opacity done"]) {
NSLog(@"anim over opacity = %f", aLayer.opacity); …Run Code Online (Sandbox Code Playgroud) 我试图在容器的背景上制作一个透明的盒子,但是,我无法在背景中间制作它,相反,当我尝试使用上边距来实现我的设计时,它会移动背景图片也下来了,所以我想问为什么我不能像W3C在http://www.w3schools.com/Css/tryit.asp?filename=trycss_transparency给出的例子那样做
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META http-equiv="Content-Type" Content="text/html; Charset=UTF-8">
<title>
Portal
</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body onload="load()">
<div id="header">
<img src="images/logo.gif" id="logo" alt="Logo"/>
<a href="http://www.google.com">
<img src="images/a.png" id="logo2" align="right" alt="logo"/>
</a>
</div>
<div id="container">
<div id="function"></div>
<div id="Display"></div>
<div id="View"></div>
</div>
<div id="footer">
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是CSS文件:
body{
font-size:100%;
margin: 0em 9em 0em 9em;
}
#header{
width:55em;
height:2.375em;
background:black;
border: 0em 0em 0em 0em;
}
#logo{
padding: …Run Code Online (Sandbox Code Playgroud) 我在页面上有一些内容需要淡入0%的不透明度而不是淡出并且元素完全从页面中删除,因此元素的高度和宽度仍然存在但只是不活动.
问题是,该元素中的对象仍然可以点击并仍然触发事件.有没有使他们的一种特殊的方式不活动还是很简单cursor:default;和preventDefault();?
我需要为图像设置不透明度,并使用iTextSharp将其添加到PDF中.我查看了http://itextpdf.com/examples/但找不到任何这样做的工作示例.
任何人都可以帮助我或指导我找到合适的资源.
我想让我的背景图像半透明,灰度/黑白.我通过组合来自Stackoverflow的两个不同线程的代码来制作以下代码
body {
position: relative;
background-size: 100% 100%;
background-repeat: no-repeat;
}
body::after {
content: "";
background: url('<?php echo $background[0]; ?>');
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
filter: url(resources.svg#desaturate); /* Gecko */
filter: gray; /* IE */
-webkit-filter: grayscale(1); /* Old WebKit */
} …Run Code Online (Sandbox Code Playgroud) 当我将鼠标悬停在图像上时,我试图创建一个效果,图像变暗(因此不透明度下降)并显示文本.效果基本上是这个底部:http://www.ohmy.io/.我可以自己做其中一个效果,但是两者一起进行时它们几乎互相争斗,然后变暗半秒然后再亮光.
.vividworknav {
width: 33.333%;
height: auto;
float: left;
padding: 0;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.vividworknav:hover .work-text-content {
visibility: visible;
opacity: 1.0;
}
.vividworknav:hover {
opacity: 0.3;
}
.work-text-content {
width: 33.333%;
height: auto;
visibility: hidden;
z-index: 100;
position: absolute;
color: white;
left: 0%;
top: 25%;
font-size: 24px;
text-align: center;
-webkit-transition: visibility opacity 2.0Ms;
}Run Code Online (Sandbox Code Playgroud)
<div class="vividworknav">
<img src="http://www.gettyimages.co.uk/gi-resources/images/Homepage/Category-Creative/UK/UK_Creative_462809583.jpg" />
<div class="work-text-content">
<p>VIVID …Run Code Online (Sandbox Code Playgroud)