标签: opacity
DrawingContext.DrawLine:Pen没有完全不透明度？
当我画这样的东西时(这里只是随机图纸):
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
DrawingVisual visual = new DrawingVisual();
DrawingContext context = visual.RenderOpen();
Pen pen = new Pen(Brushes.Black, 1);
context.DrawEllipse(Brushes.YellowGreen, pen, new Point(0,0), 40, 40);
for (int i = 0; i <= 100 - 1; i++)
context.DrawLine(new Pen(Brushes.Black, 1), new Point(0, i), new Point(i, i));
context.Close();
RenderTargetBitmap bmp = new RenderTargetBitmap(100, 100, 96, 96, PixelFormats.Pbgra32);
bmp.Render(visual);
image1.Source = bmp;
}
}
DrawLine和DrawEllipse混合的颜色.(我发现只有DrawLine才使用笔,而不是像Rectangle和Ellipse这样使用Brush的其他形式).奇怪的是,即使是基础网格背景(argh)的LinearGradientBrush的颜色. 我希望它们是z-Ordered,每个都具有完全不透明度.
这里是XAML代码:
<Window x:Class="WpfApplication2.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525"> …推荐指数
解决办法
查看次数
段落中的不透明度更改会更改文本不透明度和背景不透明度
每当我尝试更改段落的不透明度时，它会更改文本和背景的不透明度，我只想更改文本的背景，我该如何解决？
HTML
<div id="opener">
<p id="introText">
Adam Ginther is a<class id="blueText"> front-end developer</class> with an interest in responsive & mobile design
</p>
</div>
css
#opener {
background-image: url('images/background.jpg');
background-color: #373737;
height: 800px;
width: 100%;
position: fixed;
}
#introText {
width: 400px;
color: white;
background-color: black;
text-align: center;
display: table-cell;
position: absolute;
top: 50%;
left: 50%;
padding: 50px 80px 50px 80px;
font-family: 'Fenix', serif;
font-size: 1em;
}
#blueText {
color:#00aeff;
}
推荐指数
解决办法
查看次数
浏览器中的透明内容
我的任务是在 WPF 应用程序中显示带有半透明元素的 HTML 内容。透明度应该通过网络浏览器和窗口。Webbrowser 本身不应该是半透明的。所以我需要一个 HTML 内容，我需要通过它查看桌面。
有没有办法做这样的事情？
谢谢你。
PS：对不起我的英语。
推荐指数
解决办法
查看次数
Chrome 文本在不透明度过渡时变得模糊
好吧，chrome 上文本模糊的好问题。
我正在创建一个 CSS 下拉菜单，可以在 和 之间切换，visibility: hidden并且文本opacity: 0会稍微模糊。visibility: visibleopacity: 1
Firefox 上不存在此问题。那里的文字很清晰。
你可以看到小提琴：http://jsfiddle.net/swum8rm7/1/
通过删除第 21 行上的过渡，您会发现文本变得清晰。我尝试了各种translateZ诡计backface，但无法让它正常工作。
推荐指数
解决办法
查看次数
您可以将不透明度应用于系统定义的画笔吗？
我知道 WPF 画笔类有一个 Opacity 属性。我们需要使用系统定义的画笔，但不透明度减半。我们想做这样的事情（这显然是假代码）...
<Border Background="{DynamicResource {x:Static SystemColors.HighlightBrushKey}, Opacity=0.5}" />
我们当然不能直接改变系统定义画笔的不透明度，因为这会在任何使用它的地方搞砸。
我们想要做的是以某种方式定义一个转换器，我们使用一个画笔并返回一个更改了不透明度的副本，但是由于这不是绑定，我们不知道在哪里/如何应用转换器. 另外，如果它是动态资源，我们需要确保它跟踪变化。
我们也不能简单地直接在 Border 上设置不透明度，因为它的所有子项也具有相同的降低的不透明度。
我们当前的解决方法不是将内容直接放在边框中，而是将边框及其内容作为网格中的兄弟元素放置在网格中，然后我们在边框上设置不透明度。由于内容现在位于边框的顶部而不是内部，因此它不受不透明度的影响。这只是意味着我们在可视化树中添加了额外的东西，这很烦人，但它确实有效。如果我们可以在 XAML 中简单地调整（一个）系统画笔的不透明度，那就更好了。
推荐指数
解决办法
查看次数
VTK：设置透明渲染器背景
我可以通过调用来定义渲染器的背景颜色
renderer = vtk.vtkRenderer()
renderer.SetBackground(0,255,0)
[![在此处输入图像描述][1]][1]
我的问题：
可以设置背景的不透明度吗？
您可以在我的示例图像中看到我的问题（具有多个视口）。我可以通过简单地使用透明背景来摆脱这种“切割”......
提前致谢！
推荐指数
解决办法
查看次数
CSS3：不透明度与过滤器不透明度？
我在玩 CSS3 过滤器功能（模糊、对比度、反转等），并注意到有一个opacity功能：
filter: opacity(0.5);
-webkit-filter: opacity(0.5);
-moz-filter: opacity(0.5);
虽然我们已经有了：
opacity: 0.5;
如果我们将它们都应用于一个 HTML 元素，它似乎得到了双重效果！
现在这让我想知道，有什么区别吗？
编辑：
我不是在问旧的 IE，filter: alpha(opacity=50)因为那是微软的实现。我问的是 CSS3 还是filterCSS3 opacity？
推荐指数
解决办法
查看次数
C# Windows 窗体半不透明
我已经阅读了许多有关 C# 中 Windows 窗体的不透明度/透明度的主题，但这不是我想要获得的效果。我希望Form是100%透明，但是透明度是Panel可调的，并且透明效果转移到了表单后面的元素（Windows桌面、网络浏览器等）。所附照片显示了我想要获得的效果（我在图形程序中制作了它们）。我将感谢您的帮助。
推荐指数
解决办法
查看次数
Tailwind CSS 不透明度
在我的应用程序中，我有一个模型。我在模型上使用不透明度。我现在遇到的问题是模型的主体不应该具有不透明度，我该如何解决这个问题？只有模型外部才应该具有不透明度！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<div class="flex flex-col bg-red min-h-screen">
<div class="fixed w-full h-full bg-blue opacity-50 flex items-center justify-center flex-col">
<div class="bg-black p-16">
<p class="text-white">Model body</p>
</div>
</div>
</div>
</body>
</html>推荐指数
解决办法
查看次数
如果 css var 大于某个值，则隐藏 html 元素
如果 css var 大于零，我想隐藏一个元素。我可以让相反的情况起作用：
#container {
display: flex;
width: 100%;
height: 30px;
border: 1px soild black;
}
.item {
opacity: max(calc( var(--ind)*1), 0);
/* or clamp(var(--ind), 0 , 1);*/
width: 30px;
height: 100%;
}<div id="container">
<div class="item" style="--ind: 0;background-color:red;"></div>
<div class="item" style="--ind: 1;background-color:orange;"></div>
<div class="item" style="--ind: 2;background-color:yellow;"></div>
<div class="item" style="--ind: 3;background-color:green;"></div>
<div class="item" style="--ind: 4;background-color:blue;"></div>
</div>但是，我想让上面的示例仅显示红色方块。任何人都可以看到如何做到这一点（在纯CSS中）？
推荐指数
解决办法
查看次数
标签 统计
opacity ×10
css ×5
transparency ×3
wpf ×3
c# ×2
html ×2
browser ×1
converters ×1
hover ×1
panel ×1
renderer ×1
tailwind-css ×1
transform ×1
transparent ×1
vtk ×1
winforms ×1
xaml ×1
z-order ×1