个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我想将主体不透明度更改为 0.5，但选择“dd”的聚焦区域除外。在 Backbone 中使用 coffeescript；
我尝试并搜索了示例； body 变化但不是 'dd'。
我的代码是:
@$el is selected dd
...
showhide:->
$('body').css({opacity:0.5});
@$el.css({opacity:1});
...
最佳答案
您尝试做的事情不会奏效。如果我们看一下 opacity specs我们会看看为什么不:
3.2. Transparency: the ‘opacity’ property
Opacity can be thought of as a postprocessing operation. Conceptually, after the element (including its descendants) is rendered into an RGBA offscreen image, the opacity setting specifies how to blend the offscreen rendering into the current composite rendering.
[...]
If the object is a container element, then the effect is as if the contents of the container element were blended against the current background using a mask where the value of each pixel of the mask is<alphavalue>.
因此，如果您设置 <body> 的不透明度到 0.5，那么浏览器将呈现所有 <body> (包括它的 child ，所以包括你的 @$el )，然后将它合成到浏览器窗口中，alpha channel 值为 0.5。结果是整个页面将以半透明呈现。改变内部某些东西的不透明度 <body>没关系，因为 child 的不透明度将在 child 被渲染成 <body> 时应用。然后 <body>之后将应用的不透明度。
考虑这个纯 HTML/CSS 示例:
<div id="outer">
<div id="inner"></div>
</div>
和
#outer {
/* ... */
opacity: 0.5;
}
#inner {
/* ... */
opacity: 1.0;
}
因为 #inner 整个东西看起来是半透明的不透明度实际上是“相对于其父级的不透明度”，而不是“相对于浏览器窗口的不透明度”。
演示:http://jsfiddle.net/ambiguous/WtAvx/
您将不得不改变您的方法。例如，您可以定位 opacity: 0.5您的 @$el 之间的元素和 <body>具有这样的结构:
<div id="outer"></div>
<div id="inner"></div>
和:
#outer {
/* ... */
position: absolute;
top: 0;
left: 0;
opacity: 0.5;
}
#inner {
/* ... */
position: absolute;
top: 50px;
left: 50px;
opacity: 1.0; /* You don't really need this */
}
演示:http://jsfiddle.net/ambiguous/Jsd7q/
您可能需要使用 stacking order并插入一个绝对定位的 <div>与 opacity: 0.5在你的元素和 <body> 之间但我不能再说了，请提供您问题中的细节。
关于jquery - 不透明度 0.5 除了这个 dd，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17743643/
25
4
0
我正在制作一个应用程序，我需要使用 ffmpeg 将两个视频文件叠加在另一个之上。 .我尝试了各种命令，但它所做的只是合并视频。 最佳答案 基本方法是 ffmpeg -i in1 -i in2 -fi
我将 Qt3D 与 offscreen renderer 结合使用并修改框架图以包含背景图像，例如 here . 不幸的是，使用 QPhongAlphaMaterial 为绘制在背景图像上的对象添加透
我正在开发的这个组件有视觉问题。它是带有 2 个 JTextField 和 2 个 JLabel 的 JPanel。我不能做坚实的背景。我尝试了几种不透明/背景颜色组合但没有成功。 我不允许附加图像，
我正在使用 Gnuplot 成功绘制一些时间序列数据。然而，该系列相当密集(大约 5 英寸空间中有 10,000 个样本)，当我绘制多个系列时，很难看到绘制在顶部的系列下方。 有什么方法可以使线条具有
我正在尝试设置一个自定义拖动图标以在 NSTableView 中使用。一切似乎都正常，但由于我对 Quartz 缺乏经验，我遇到了问题。 - (NSImage *)dragImageForRowsWi
是否可以制作例如 20% 透明的 TMemo 或其他 vcl 组件？像 TButton 或 TEdit 吗？ 在谷歌搜索解决方案时，我发现了这个: From Here ，然后我想，如果我在窗体上绘制图
我目前正在学习如何使用 Scenekit，并且遇到了透明对象的问题。我写了一个着色器来增加正面看脸时的透明度，当我选择白色背景时，一切都按预期工作...... transparency with wh
我对 openGL 中的 alpha 混合有疑问... 我尝试了一些绘制透明对象的方法...通过在绘制透明面之前禁用 GL_DEPTH_TEST 并在绘制透明面后再次重新启用 GL_DEPTH_TES
我正试图让我的背景 webView 像那样透明: webView.setBackgroundColor(0x00000000); 但它不起作用，如果我添加这一行，一切都是透明的(我看不到我的 html
我目前正在创建一个应用程序并且出现了这个问题，我想让 TabLayout 透明。当我使用 RelativeLayout TabLayout 覆盖内容时，当我使用 LinearLayout TabLay
我有一个 UINavigationItem(不是 UINavigationBar)，我想使其透明或不透明。这是在我建立从导航 Controller 到我的 UIViewController 子类的关系
是否可以让您的 android Activity 以透明模式在当前正在运行的 Activity 之上运行，以便您可以通过它看到它下面的 Activity ？如果可能，您可以设置不同级别的透明度吗？ 最
我正在使用 noUiSlider 范围 slider 。这是 jsfiddle: https://jsfiddle.net/oun5p1xz/ behaviourSlider = document.g
有没有办法改变控制台的不透明度使其半透明？ 还有办法将控制台的背景颜色更改为自定义颜色吗？ 最佳答案 快速谷歌显示 this site其中包含用于具有透明窗口的控制台应用程序的代码。 本质上，您必须获
主.xml: 这是我的 main.xml，我试图使按钮最透明，但我仍然想看到它们，但我不知道要添加什么以及在哪里添加，请用低不透明度更正我的 xml在按钮
如何将实际内容 Pane 的背景设置为不透明，我添加到其中的面板我已经设置为不透明，但即使我这样做，选项卡 Pane 的主要区域仍显示为蓝色 JTabbedPane tabbedPane = new
是否可以继承颜色但覆盖不透明度值？以下是伪 CSS 中的示例: .color-class { background-color: rgba(255, 0, 0, 0); } .lighten
我正在尝试让我的导航栏变得 100% 透明，以便 UINavigationButtonItems 只可见并且背景(通常为白色)应该显示背景图像。 我试过了 HomeNavigationControll
RGBA 非常有趣，-webkit-gradient、-moz-gradient 和呃... progid:DXImageTransform.Microsoft.gradient 也是如此...是的。
我一直在尝试使用 AppBarLayout，但找不到使它的背景透明的方法。 我的意思是: 这是我的 XML: 如您所见，我使用的是颜色 #8000
我是一名优秀的程序员,十分优秀！