标签: opacity

QML - 堆叠元素的不透明度

我有两个堆叠的物品。这两个项目都有一个半透明的背景。圆圈现在显示下面的圆形矩形。

堆叠不透明度

有什么办法可以隐藏与圆圈重叠的长圆形矩形的部分吗?也许改变父,圆的背景是从祖先向上拉,因此忽略它下面的矩形?

这是代码:

Item
{
    id: choice1
    width: 300
    height: 100

    Rectangle
    {
        id: choiceLabel1
        width: 0
        height: parent.height / 1.5
        radius: parent.height * 0.5
        color: "#88808080"
        anchors
        {
            verticalCenter: choice1.verticalCenter
            left: choice1.left
            leftMargin: choiceIcon1.width / 2
        }
        border
        {
            width: 2
            color: "red"
        }
    }
    Rectangle
    {
        id: choiceIcon1
        width: choice1.height
        height: choice1.height
        radius: width * 0.5
        color: "#88808080"
        anchors
        {
            verticalCenter: choice1.verticalCenter
            left: choice1.left
        }
        border
        {
            width: 2
            color: "red"
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

qt opacity qml qtquick2

2
推荐指数
1
解决办法
976
查看次数

将背景和不透明度设置为按钮但不影响其内容

我正在使用 WPF,我想做的是设置按钮的不透明度和背景颜色,但我不想影响按钮内的内容。我尝试了几种方法,但不幸的是这不起作用。

我找到了这种风格,我想应用这样的东西: 在此处输入图片说明

这是我的数字键盘:(我正在尝试编辑 BTN 7):

在此处输入图片说明

正如你们所看到的,不幸的是,我无法在不影响内部内容的情况下设置按钮的不透明度。

这是我的 XAML 代码(关注 btn 7):

<StackPanel Height="50" Orientation="Horizontal" Margin="0,0,0,5">
                <Button  FontSize="15" FontWeight="Bold" x:Name="btn7" Foreground="#83D744" Click="btn7_Click" BorderBrush="#83D744" BorderThickness="0.5" Content="7" Width="80" RenderTransformOrigin="0.557,0.693" d:LayoutOverrides="HorizontalAlignment" Background="Black" Opacity="0.2" Margin="0,0,5,0" />
                <Button  FontSize="15" Foreground="Black" FontWeight="Bold" x:Name="btn8" Click="btn8_Click" Content="8" Width="80" Background="#FF50504F" Margin="0,0,5,0"/>
                <Button  FontSize="15" Foreground="Black" FontWeight="Bold" x:Name="btn9" Click="btn9_Click" Content="9" Width="80" d:LayoutOverrides="HorizontalAlignment" Background="#FF50504F"/>
</StackPanel>
Run Code Online (Sandbox Code Playgroud)

所以有人可以帮我请如何解决这个问题..谢谢!

c# wpf background button opacity

2
推荐指数
1
解决办法
2520
查看次数

如何仅更改背景图像的不透明度?

我正在尝试更改背景图像的不透明度以使其与网站匹配。问题是opacity: 0.5;改变元素内的一切。因此,不仅背景图像会发生变化,该部分中的文本和所有其他元素也会发生变化。我应该如何只更改图像的颜色?这是我的代码:

section {
   background-image: url(../IMG/Photo_NR1.jpg);
   padding: 15px;
   width: 100%;
   height: 700px;
}
Run Code Online (Sandbox Code Playgroud)

我做了一些研究,但我找不到任何东西。我试图将所有元素从<section>标签中取出,但随后我被迫再次更改元素的位置。谢谢你的时间 :)

html css background-image opacity

2
推荐指数
1
解决办法
7749
查看次数

CSS不透明度从上到下渐变没有颜色?

我想让我的 div 具有渐变不透明度。我能找到的是如何用颜色来设置它。但是如果我不想有任何颜色,这样里面的元素就会变得底部透明怎么办:

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(41,137,216,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
Run Code Online (Sandbox Code Playgroud)

css opacity linear-gradients

2
推荐指数
1
解决办法
4553
查看次数

CSS3属性不透明度

我怎样才能影响父元素的不透明度而不影响其子元素

例如,

我希望signup_backdrop不透明度设置为0.5,但它的子元素signup_box我根本不想有任何不透明度,但它会将signup_backdrop中设置的不透明度应用为继承.

elements opacity css3

1
推荐指数
1
解决办法
321
查看次数

IE中的不透明度= S.

我看了其他问题,但仍然无法弄明白.

编辑 这是一个HTML页面,它重现了我的错误:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN"><META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<HTML>
<HEAD><STYLE> 
HTML
{
    min-height: 0px;
    font-size: 100%;
}
BODY
{
    min-height: 0px;
    font-size: 100%;
}
DIV
{
    min-height: 0px;
    font-size: 100%;
}
HTML
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
BODY
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
BODY
{
    position: relative;
    min-width: 100%;
    background-color: #333;
    margin: 0px;
    display: inline-block;
    font-family: Arial, Sans-Serif;
    height: 100%;
    font-size: 12px; …
Run Code Online (Sandbox Code Playgroud)

css internet-explorer jquery-ui filter opacity

1
推荐指数
1
解决办法
2164
查看次数

jQuery("#wrapper").css({opacity:0.5})

我刚刚将一个不透明度应用于#wrapper div纯色:

jQuery("#wrapper").css({ opacity: 0.5 })
Run Code Online (Sandbox Code Playgroud)

这很好用,但我不希望他们的孩子div继承不透明度.如何在不使用PNG透明度黑客的情况下避免此行为?

css jquery opacity

1
推荐指数
1
解决办法
1018
查看次数

允许CSS最小不透明度值

在CSS中,当我更改opacity按钮的值时,它仍然可以在某个范围内单击.我将不透明度设置降低到0.005(这样按钮实际上是隐藏的,但它仍然可以工作并且可以与之交互),当我将值设置为,0.000000000000000000000000000000000001但是,它只是变得完全隐藏,不能再被点击.

(当然这个微小的浮动只是四舍五入0,这导致问题,但我想知道,因为0.005在我的浏览器中工作,并不意味着它适用于所有浏览器,我需要在所有浏览器中点击此按钮).

有谁知道它可以容忍所有浏览器的最小值?

css opacity

1
推荐指数
1
解决办法
1631
查看次数

WPF为笔触和填充形成不同的不透明度

这是一个非常基本的问题.我希望能够为填充和笔划添加定义不同不透明度的形状.如果我添加这个:

Ellipse e = new Ellipse();
e.Width = e.Height = 150;
e.Stroke = Brushes.Aqua;
e.Fill = Brushes.Chartreuse;
e.StrokeThickness = 20;
e.Opacity = .25;
plotCanvas.Children.Add(e);
Run Code Online (Sandbox Code Playgroud)

我只能设置1个不透明度.相反,我希望填充为0.25不透明,并且笔划为1.0不透明.谢谢帕特里克

c# wpf opacity fill stroke

1
推荐指数
2
解决办法
5417
查看次数

ffmpeg如何在视频上添加彩色叠加层

我想在视频上放置一个颜色叠加(蓝色,红色或绿色或十六进制值),为它提供类似Instagram效果的滤镜.

我认为应该是这样的:

ffmpeg -i video.mp4 -i "red.png" -filter_complex "blend=all_mode='screen':all_opacity=0.7" output.mp4
Run Code Online (Sandbox Code Playgroud)

或者也许 all_mode=overlay

但是我收到一个错误:

First input link top parameters (SAR 0:1) do not match the corresponding second input link bottom parameters (SAR 1:1).
Run Code Online (Sandbox Code Playgroud)

我也尝试过lutrgb=r=1.5,但没有给它一个红色(它需要红色).

我究竟做错了什么 ?

overlay ffmpeg colors opacity

1
推荐指数
1
解决办法
4895
查看次数