opacity

Transparent background, opaque elements

由 痴心易碎 提交于 2019-12-13 14:38:30
问题 I want to have an image background on body and a semitransparent background on main div , so that the image can be seen through it, but shaded. However, the easiest body { background-image: ... } #main { background-color: #999; opacity: 0.9 } will also make everything within #main to be opaque as well, such as any contained img . How do you do what I describe? Thanks 回答1: rgba helps you, but it is not supported by all browsers usage: rgba(a,b,c,d), where a = red(0-255); b = green(0-255); c =

using ffmpeg to add overlay with opacity

由 别来无恙 提交于 2019-12-13 13:32:33
问题 I have a problem with ffmpeg,I try to add a png files over a video i found how to add just I want this png file have some opacity I tryed this line ffmpeg -n -i video.mp4 -i logo.png -filter_complex "setsar=sar=1;blend=all_mode='overlay':all_opacity=0.7" -movflags +faststart tmb/video.mp4 with this line ffmpeg return this error Cannot find a matching stream for unlabeled input pad 1 on filter Parsed_blend_1 and there the complet log ffmpeg version 2.7.5-0ubuntu0.15.10.1 Copyright (c) 2000

How to animate Opacity of a DropShadowEffect?

由 血红的双手。 提交于 2019-12-13 11:46:27
问题 I have a WPF project with a border using the following style. The plan is to get the glow effect to fade in when the mouse moves over the border, and fade out when it leaves. <Style x:Key="BorderGlow" TargetType="Border"> <Style.Resources> <Storyboard x:Key="GlowOn"> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(DropShadowEffect.Opacity)"> <SplineDoubleKeyFrame KeyTime="0:0:0.3" Value="1"/> </DoubleAnimationUsingKeyFrames> </Storyboard> <Storyboard x:Key=

Polymer paper-dialog backdrop opacity?

由 ☆樱花仙子☆ 提交于 2019-12-13 07:20:24
问题 I have a paper-dialog in my Polymer element. I want to make the backdrop opaque, right now it is semi-transparent. I would also like to change the color. Does anyone know how to do it. I have already tried this css in my custom element: <style is="custom-style"> --iron-overlay-backdrop-opacity:1; </style> <paper-dialog modal></paper-dialog> But it had no effect. I also tried <style is="custom-style"> :host { --iron-overlay-backdrop-opacity:1; } </style> <paper-dialog modal></paper-dialog> 回答1

slideshow with changing font color on each slide + callback font to set color on scroll

由 北城余情 提交于 2019-12-13 07:08:23
问题 I'm trying to accomplish a couple of things here in a header element. Firstly, I'd like a jquery slideshow set to relative. Secondly, I'll have my png logo and nav links fixed sitting in front of the slideshow. since some of the slides will be dark, and some will be light, I'll need the logo + nav links to change to set colors in unison as the images cycle so they can always be read. So far, it seems like I could accomplish these 2 tasks with cycling through divs, but since the images will be

ControlTemplate Opacity not displayed like I want it to

由 左心房为你撑大大i 提交于 2019-12-13 06:03:03
问题 I have a Style defined for my DataGridCell <Style x:Key="MYDGCellStyle" TargetType="{x:Type DataGridCell}"> <Setter Property="OverridesDefaultStyle" Value="True" /> <Setter Property="Template" Value="{DynamicResource MYDGCellControlTemplate}" /> <Style.Triggers> <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=IsReadOnly}" Value="True"> <Setter Property="Background"> <Setter.Value> <SolidColorBrush Color="Gray" Opacity="0.3" /> </Setter.Value> </Setter> </DataTrigger>

css opacity - internet explorer

由 生来就可爱ヽ(ⅴ＜●) 提交于 2019-12-13 05:45:38
问题 i'm working with opacity today and from some reason it wont work on internet explorer here is my CSS : .box_1{opacity:0.4;filter:alpha(opacity=40)}; .box_1:hover{opacity:1.0;filter:alpha(opacity=100);} and here is my HTML: <div class="box_1"> <img src="abc.png"/> </div> the HOVER div does not work. what is the problem here? 回答1: You're missing a curly bracket at the end of your first line, it should be: .box_1{opacity:0.4;filter:alpha(opacity=40);} .box_1:hover{opacity:1.0;filter:alpha

Remove inheritance of opacity from parent?

由 淺唱寂寞╮ 提交于 2019-12-13 04:35:03
问题 I have a div tag. I want to remove the children's inheritance of #overlay 's opacity Here is my code: <body id="bg"> <div id="overlay"> <header id="colortext">dgjdhgjdhd</header> </div> </body> And this my css code. #bg{ background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-image: url(../Images/bg.jpg); } #overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background-color: #000; -moz-opacity:0.5; -khtml-opacity: 0.5;

How to change the CSS of one image when hovering another image?

由 旧巷老猫 提交于 2019-12-13 04:29:25
问题 So I'm tyring to fade one image in and the other out when hovered using html/css. These images sit on top of each other. One is a transparent play button (which has to be on top?) And the other is a picture. When hovered, I want the play button to fade in and the picture to fade out. I have done countless research and here is what I currently have: <div id="videocontainer"> <a href="#"><img class="playButton" onclick="do something" src="imagesrc" alt="" /></a> <img class = "vidImage" src=

How to decrease CSS opacity

由 [亡魂溺海] 提交于 2019-12-13 04:03:41
问题 I need pure javascript function that finds the current opacity of HTML element and decreases it by 10%. Is there any effective cross-browser solution? Please no JS frameworks like jQuery (I have my reasons so do not ask why), thanks. 回答1: With IE variation var style = document.getElementById(...).style; if(browserIsIE) { var regExpResult = /alpha\(opacity\s*=\s*(\d*)\s*\)/.exec(style.filter); var opacity; if(regExpResult && regExpResult.constructor == Array && regExpResult[1] && opacity =
订阅 opacity