标签: opacity

css不透明度导致IE9中的布局问题

我在IE9中遇到了一个非常有趣的问题.在包装div上使用filter:alpha(opacity =)或-ms-filter css属性时,内部块元素的框模型会被破坏.换句话说,垂直边距的折叠被禁用,而垂直边距则被添加.我只在IE9中遇到这个问题.IE7/8不受影响.

这是一个孤立的问题的jsFiddle.使用触发器锚点激活包装div上包含filter:alpha的类.(仅限IE9)

任何想法为什么会这样?

提前致谢

css opacity internet-explorer-9

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

EMF(增强型图元文件)是否支持不透明度?

我将能够创建一个EMF图像(以编程方式或从软件中),背景颜色为50%透明,其他元素完全不透明.

我已经能够创建一个完全透明的背景,但不具有某种alpha /不透明度.

创建此半透明背景将允许将图像覆盖到另一个背景而不完全隐藏它.

有谁知道增强型图元文件格式是否可行?

transparency opacity image-formats .emf

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

如何在没有不透明度的情况下使用CSS淡化图像?

感谢下面的所有帮助,解决方案.

我是网络开发的新手,我正在尝试重建一个网站来练习我的CSS.

问题网站是http://www.divecarib.com.如果向下滚动到该主页上的图片,您会注意到它们在悬停时"淡化".我如何实现这种淡化?使用不透明度可以使背景图像通过,而不是在该网站上实现的方式.

感谢您的帮助!

下面是我的淡入淡出尝试...不包括原始帖子中的代码,因为我认为这是无关紧要的,因为我走错了路.

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.7;
      }
Run Code Online (Sandbox Code Playgroud)

---解决方案(至少我是怎么做的 - 取自 http://jsbin.com/igahay/1/edit?html,output)-----

    <div class=picSet>
            <figure class="tint">
                <p id="#p1">Student in training</p>
                <p id="#p2" style="position: absolute;top: 36px; color: white;">SKAT crew doing open water training</p>
                <img id=pic1  src="Media/pic1.jpg" />
            </figure>
    </div>
Run Code Online (Sandbox Code Playgroud)
.tint {
    position: relative;
    float: left;
    margin: 3px;
    cursor: pointer;
}

.tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0; …
Run Code Online (Sandbox Code Playgroud)

css image fade opacity

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

具有不透明度的WinForm控件

我有一个自己有一些控件的表单(btnCreateReport,pnlDarkLayer).我有一个适合形成的面板(Dock = Fill),它位于所有控件的背面.当用户点击btnCreateReport按钮时,我调用pnlDarkLayer BringToFront方法,经过一些计算,我调用了按钮的SendToBack()方法.我想在窗体控件上绘制一个暗层,并禁用窗体上的所有控件.可能吗?谢谢.

也许这段代码可以帮助你理解我的目的:

private void btnCreateReport_Click(object sender, EventArgs e)
{
    pnlDarkLayer.BackColor = Color.FromArgb(100, Color.Gray);         

    pnlDarkLayer.BringToFront();
    btnCreateReport.Enabled = false;

    Thread ProcessReport = new Thread(new ThreadStart(ProcessingReport));
    ProcessReport.Start();
    while (ProcessReport.IsAlive)
    {
        Application.DoEvents();
    }
    pnlDarkLayer.SendToBack();

    btnCreateReport.Enabled = true;

}
Run Code Online (Sandbox Code Playgroud)

此代码隐藏所有控件但我不想隐藏窗体上的控件.我想在它们上绘制一个暗层.用户必须能看到控件.我需要像控件的表单的不透明属性.

我测试了这个:

pnlDarkLayer.CreateGraphics().CompositingMode=System.Drawing.Drawing2D.CompositingMode.SourceOver;

更新:我测试了这个:(使用表单而不是面板)

private void btnCreateReport_Click(object sender, EventArgs e)
{          

    btnCreateReport.Enabled = false;

    frmProgress ProgressForm = new frmProgress();
    ProgressForm.TopLevel = false;
    ProgressForm.Parent = this;
    ProgressForm.BringToFront();
    this.Controls.Add(ProgressForm);
    ProgressForm.Show();

    Thread ProcessReport = new Thread(new ThreadStart(ProcessingReport));
    ProcessReport.Start();

    while (ProcessReport.IsAlive)
    {
        Application.DoEvents();
    }
    ProgressForm.Close();
    btnCreateReport.Enabled …
Run Code Online (Sandbox Code Playgroud)

c# opacity winforms

7
推荐指数
2
解决办法
9674
查看次数

Android:如何指定&lt;layer-list&gt;的不透明度?

我希望 LayerList 的不透明度为 80,所以我写道:

<layer-list
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:opacity="80">
Run Code Online (Sandbox Code Playgroud)

但我得到:

Error: Integer types not allowed (at 'opacity' with value '80')
Run Code Online (Sandbox Code Playgroud)

如何指定不透明度?

android opacity android-layout layer-list

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

如何设置放置在ImageView上的textview的背景不透明度

我希望在名称上有透明背景的情况下实现以下结果:

背景名称

到目前为止,这就是我所做的(忽略图像周围的黑色边框):

目前的结果

我想要一个透明的背景(实际上是一个调整了不透明度的彩色背景).

这是我一直使用的XML代码:

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="5dp">

<ImageView
    android:id="@+id/iconItem"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_gravity="center"
    android:src="@drawable/shout_ic"/>
<TextView
    android:id="@+id/textItem"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:layout_alignBottom="@+id/iconItem"
    android:paddingBottom="5dip"
    android:textSize="10sp"
    android:textColor="#FFF"/>
</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

谁能指出我如何实现这些事情的正确方向?谢谢

android background opacity textview android-imageview

7
推荐指数
2
解决办法
2万
查看次数

Python PIL 0.5不透明度,透明度,alpha

有没有办法让图像半透明?

伪代码是这样的:

from PIL import Image
image = Image.open('image.png')
image = alpha(image, 0.5)
Run Code Online (Sandbox Code Playgroud)

我用谷歌搜索了几个小时,但我找不到任何有用的东西.

python transparency alpha opacity python-imaging-library

7
推荐指数
2
解决办法
2万
查看次数

在R中的iGraph中更改节点/顶点不透明度

我有一个网络,当我绘制它时,有许多重叠的节点.我想更改颜色的不透明度,以便在重叠时可以看到其他节点.例如,请参阅此视频:https://vimeo.com/52390053

我正在使用iGraph我的情节.这是一个简化的代码模糊:

net1 <- graph.data.frame(myedgelist, vertices=nodeslist, directed = TRUE)

g <- graph.adjacency(get.adjacency(net1))

V(g)$color <- nodeslist$colors  #This is a set of specific colors corresponding to each node. They are in the format "skyblue3". (These plot correctly for me). 

E(g)$color <-"gray" 

plot.igraph(g)
Run Code Online (Sandbox Code Playgroud)

但是,我无法找到iGraph更改节点颜色不透明度的选项.

知道怎么做这个吗?我想也许是这样的V(g)$alpha <- 0.8,但这没有做任何事情.

r opacity igraph network-analysis

7
推荐指数
2
解决办法
4241
查看次数

Swift UIView Opacity以编程方式

我很难弄乱UIView的属性来以编程方式实现所需的不透明外观,这可以通过Storyboard和Attributes Inspector轻松完成.

我要重新创建的内容(属性检查器的设置):背景颜色为(RGB滑块:0,0,0)和不透明度滑块设置为75%的UIView,alpha默认为1.所以基本上是黑色的UIView不透明度降低了.

我以编程方式尝试过:

1)  view.backgroundColor = .black
    view.alpha = 0.75

2)  view.backgroundColor = UIColor.black.withAlphaComponent(0.75)
    view.isOpaque = true
Run Code Online (Sandbox Code Playgroud)

随附的是在故事板中选择的UIView的图片,其中包含您可以看到的设置.如果您需要更多信息,请随时告诉我.非常感谢你的帮助.

Storyboard +属性检查器的屏幕截图

更新:感谢您的所有意见.Clever Error对视图层和Matt代码的解释的组合使我能够实现我想要的外观.

期望的UI外观!

opacity uiview ios swift

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

Flutter 动画可见性和不透明度

Flutter Visibility Widget 允许隐藏和禁用其中包含的所有内容。但是,我想要为不透明度设置动画并调用可见性。使用可见性小部件会覆盖动画不透明度。根据我对其他语言的了解,这是可以预料的。

有没有一种简单方便的方法来实现动画的不透明度和可见性。它将使生活比设置计时器更简单。

下面的示例使用 bool of hasAccess 使用 Provider 作为状态管理。

child: Stack(
  children: [

  Visibility(
    visible: hasAccess ? false : true,
    child: AnimatedOpacity(
      duration: Duration(milliseconds: 400),
      opacity: hasAccess ? 0 : 1,
      child: Text('Not logged in'),
  )), 

  Visibility(
    visible: hasAccess ? true : false,
    child: AnimatedOpacity(
      duration: Duration(milliseconds: 400),
      opacity: hasAccess ? 1 : 0,
      child: Text('Is logged in'),
   ),
  ), 
 ],
)
Run Code Online (Sandbox Code Playgroud)

animation visibility opacity flutter

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