问题标签 [opacity]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
8319 浏览

wpf - 精确的不透明度蒙版

假设我需要在 WPF 控件上设置一个不透明蒙版,以在精确位置突出显示它的一部分(假设在 (50;50) 位置有一个 50x50 的正方形)。为此,我创建了一个包含 2 个 GeometryDrawing 对象的 DrawingGroup:1 个半透明矩形用于控件的整个实际大小,1 个不透明矩形用于突出显示区域。然后我从这个 DrawingGroup 创建一个 DrawingBrush,将它的 Stretch 属性设置为 None 并将这个画笔设置为需要遮罩的控件的 OpacityMask。

所有这些都可以正常工作,而没有任何东西“坚持”超出所述控制范围。但是,如果控件在其边界之外绘制某些内容,则外部点将成为应用不透明蒙版的起点(如果画笔与该侧对齐),并且整个蒙版移动该距离,从而导致意外行为。

我似乎无法找到一种方法来强制从控件的边界应用蒙版,或者至少获得控件的实际边界(包括粘贴部分),以便我可以相应地调整蒙版。

任何想法高度赞赏!

更新:这是一个简单的测试用例 XAML 和演示问题的屏幕截图:

我们在上面提到的正方形的最后一个中有 2 个嵌套的 Borders 和 Canvas:

这是它的外观:

没有面具
(来源:ailon.org

现在我们添加一个 OpacityMask 到第二个边框,这样除了我们的正方形之外的每个部分都是半透明的:

一切看起来都如预期:

蒙面
(来源:ailon.org

现在我们在画布上添加一条线,在边框左侧伸出 10 个像素:

蒙版向左移动 10 个像素:

移位掩码
(来源:ailon.org

Update2:作为一种解决方法,我在边界之外添加了一个大得可笑的透明矩形,并相应地调整了我的蒙版,但这是一个非常讨厌的解决方法。

更新3:注意:带有矩形和线条的画布只是作为某些对象超出其边界的示例。在此示例的上下文中,它应该被视为某种黑匣子。您无法更改它的属性来解决一般问题。这与仅移动线条相同,因此它不会伸出。

0 投票
1 回答
1215 浏览

javascript - jQuery Fade out Transparency In IE

I'm working on a site and I have run into a few problems. Here is the site

  1. I have two divs. .slide and .cover.

.cover fades in and out when hovered over displaying some text and a transparent background. This is done with jQuery and the transparency is with CSS.

This works fine on load in all browsers but when I hover over a slide and it fades back in, the background transparency of .cover doesn't work in IE (6 7 and 8). I've tried css with .cover:hover and that doesn't work as an IE hack.

0 投票
1 回答
1187 浏览

c# - winforms不透明问题

您好我想在页面加载中为表单设置不透明度。

我尝试像这样设置不透明度

this.Opacity = 10; 在页面加载中,但它不起作用。

我可以知道原因吗

0 投票
1 回答
3538 浏览

wpf - WPF MediaElement 中的透明 avi

我的 wpf 窗口中有一个 mediaelement 标签。它正在播放一个简单的动画,类似于 windows xp 复制文件对话框。

动画有一个丑陋的粉红色背景#FF00FF,我想要透明。我尝试在 OpacityMask 属性中设置颜色,但颜色仍然存在。关于如何从视频中删除颜色的任何想法?

0 投票
2 回答
1946 浏览

jquery - jQuery:子元素在 IE 中以 $('.parent_class') 不透明度效果消失

我有这个html:

有一些CSS:

我希望这个父母和孩子一起淡入,并最终得到不透明度:0.50。Firefox 可以很好地做到这一点,但 IE 会遇到麻烦:当我执行 fadeIn() 或 fadeTo() 或者只是简单地在父级上应用 .css('opacity','0.50') 时,父级渲染而子级没有'吨。

--> 导致父母淡入,但孩子永远不会出现。

--> 出现父母,没有孩子

--> 父级不透明出现,子级从不出现

--> 父母和孩子看起来很好(但没有动画或透明度)。如果我做

之后,父母得到效果,孩子消失

父母和孩子如何一起制作动画并共享不透明度属性?

0 投票
1 回答
1410 浏览

jquery - jQuery 不透明度动画在 Internet Explorer 中扭曲定位

我正在尝试使用 opacity 属性和 jQuery animate 函数在我的水平选项卡菜单上实现类似点击的效果。这是执行此操作的代码:

我的问题发生在 Internet Explorer 7 和 6 上。使用 opacity 属性制作动画时,我的水平菜单中的选项卡会丢失其初始位置。

点击这里访问我的网站。要查看问题,请单击“Contato”,然后单击“Início”(抱歉,它是用葡萄牙语编写的,但您应该能够看到错误发生)。注意,到目前为止,我只在 IE7/IE6 中检测到了这个问题!

先感谢您!

0 投票
2 回答
12564 浏览

wpf - 如何为 DropShadowEffect 的不透明度设置动画?

我有一个使用以下样式的带有边框的 WPF 项目。计划是让发光效果在鼠标移过边框时淡入,并在鼠标离开时淡出。

问题是,什么都没有发生!如果我在 Storyboard TargetProperty 中将“DropShadowEffect”更改为“UIElement”,则动画会起作用,但这会使整个控件褪色。

如何仅淡化 DropShadowEffect?

0 投票
1 回答
602 浏览

css - div背景透明

我必须为我的某个街区制作阴影效果。我得到了从暗到透明的透明图像宽度渐变,并在另一个 div 中使用它(宽度 = 100;重复-x)。但是这个阴影下还有其他元素,它们没有显示出来,我只看到那个地方的白色区域。如何获得背景图像的透明部分?

0 投票
6 回答
3550 浏览

transparency - 透明 gif 帮助

我有一个网站,我需要制作一些不透明度为 45% 的彩色图像,以便您可以看到背景。我的问题是,由于显而易见的原因,我不能使用 .png。我用过一个gif。当我在网站上拿到它时,不透明度已经读到颜色,但你看不透它。我如何做到这一点

编辑

如果没有必要,我不想使用 IE6 hack。据我尝试,没有可扩展的黑客攻击。

0 投票
3 回答
29882 浏览

jquery - jQuery不透明度更改

我有这个代码:

所以,我附加了鼠标悬停时弹出的那个,在这个div里面是a#delPic。我将 div#editBar 的不透明度更改为 0.5,但它也适用于 a#delPic。所以,我想将 a#delPic 不透明度改回 1。我该怎么做?我尝试了一些版本。这就是为什么我最终将该 id 放入锚点(试图直接选择它),但仍然不起作用。