UIView and subviews - opacity
Hi Is it possible to make a UIView (and any other subviews within it) set to an opacity of say 0.5 or whatever? Not sure if this is even possible, but want to ask. ...
opacity
WPF: How to apply a change to an Opacity/Background immediately? (WPF analog to WinForms Control.Update() method?)
I have a WPF app, upon clicking a button, the app goes into a calculation that can take 4-10 seconds. I'd like to update the opacity of the background and show a progress bar, during that operation. To do that, I use this code: this.Cursor = System.Windows.Input.Cursors.Wait; // grey-out the main window SolidColorBrush brush1 = ne...
Create non-transparent div on top of transparent parent element
EDIT: Changed title to actually be correct I'm trying to simulate a modal popup in all HTML and CSS and am having a bit of bad luck with one single element of what I'm doing. I want the innermost div, the one with the content, to not be opaque like the border is, but no matter what I try with the CSS I cannot get it to work. Her...
How to change the opacity (alpha, transparency) of an element in a canvas element after it has been drawn?
Using the HTML5 <canvas> element, I would like to load an image file (PNG, JPEG, etc.), draw it to the canvas completely transparently, and then fade it in. I have figured out how to load the image and draw it to the canvas, but I don't know how to change its opacity once it as been drawn. Here's the code I have so far: var canvas = do...
Override opaque text in a transparent div with CSS
I am trying to make text inside a transparent div have no opacity, aka be completely black: <div style="opacity:0.6;background:#3cc;"> <p style="background:#000;opacity:1">This text should be all black</p> </div> Is this possible to do with only CSS? Thanks in advance ...
Transparent PNG animate problem on Internet Explorer
CSS Code: #btn{ background: url(transparent.png) no-repeat; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } JavaScript/jQuery: $("#btn").animate({opacity:1,"margin-left":"-25px"}); I don't have any problem with the code above on Firefox, Chrome and others. But it does not work on any version of...
CSS - Opaque text on low opacity div?
Hi, I have a div with 60% opacity, to show part of a background image behind the div. Because the opacity is at 60%, the text in that div appears as grey. Is there anyway to override this level and make the text appear black? Any advice appreciated. Thanks. ...
.NET/C#: How to remove/minimize code clutter while 'triggering' Events
Hi, I just wanna find out if there's a way I could minimize code clutter in my application. I have written code/s similar to this: private void btnNext_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e) { btnNext.Opacity = 1; } private void btnNext_MouseLeave(object sender, System.Windows.Input.Mo...
How can I set opacity of the reflection when using -webkit-box-reflect?
I've been playing with the -webkit-box-reflect property in Chrome and can achieve a reflection that fades with the following code (it's example code from the Webkit blog): -webkit-box-reflect: below 5px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white) ); Problem is...
CSS - Opacity of header against image
Say I have the following in my CSS: h1 { font-family: Verdana; font-size: 20pt; color: Black; z-index: 2; opacity: 1.0; } #topFrame { position: fixed; top: 0; left: 20%; right: 20%; height: 120px; overflow: hidden; border: 1px solid black; background-image: url(dunno.jpg); text-align: center; vertical-alig...
Flash receives mouse events under an HTML element when opacity set
I have an HTML document with a Flash object and an absolutely positioned HTML element above it. If I set the HTML element's opacity CSS property to any value less than 1, the Flash object (that is actually covered) receives mouse events. This problem cannot be reproduced with pure HTML elements. Furthermore, Flash only receives hover eve...
jQuery 1.4.2 shows solid color in IE instead of respecting opacity
Please have a look at this demo page that I cooked up a while ago: http://www.s3maphor3.org/demo/hotbox/ This is a custom lightbox that is triggered upon holding the space key. The way it works is quite simple. There are two hidden divs on the page, one for the content of the lightbox and one that holds the darken layer (opacity 70%). ...
Webkit CSS3 for Mozilla
What is the equivalent of -webkit-transition: opacity 0.6s linear; in -moz? I tried replacing -webkit with -moz but nothing happened. I even tried extending it to -moz-transition-property/duration but with no success. ...
WinForms window drag event
Is there an event in WinForms that get's fired when a window is dragged? Or is there a better way of doing what I want: to drop the window opacity to 80% when the window is being dragged around? Unfortunately this is stupidly tricky to search for because everyone is looking for drag and drop from the shell, or some other object. ...
Firefox Opacity (Transparancy) Gradient - Fading out an image
I have an element with content inside it. The element - with its content - should be fully opaque on the left , fully transparent on the right. Evenly graded from right to left. As the content and background it is merging into are not fixed, there is no way to make an image in advance. I am aware that gradients can be used as backgrou...
Conflict When Two Storyboards Sets the Opacity Property?
Hi, Background: I have a WPF UserControl (MainControl - not shown in code below) that contains another one (called MyControl in the code below). MainControl has it's DataContext set to an object, that has a Project-property. When MainControl loads, the Project-property is always null. The problem: When MainControl loads, I want to f...
JPEG image with alpha channel on website
I would like to make a JPEG image file with some pixels that are partially transparent or fully transparent, similar to a PNG file with an alpha channel. Is this possible? If so, how would I go about doing this? I would like to use the image on a website. If I try to do this, would it work in any or all of the popular browsers (IE 7+, F...
How do you override the opacity of a parent control in WPF?
When you set the opacity on a Grid in WPF, all the child elements appear to inherit its Opacity. How can you have a child element not inherit the parent's opacity? For example, the following parent grid has one child grid in the middle with a background set to red, but the background appears pinkish because of the parent's opacity. I'd ...
How to implement Cross Browser Opacity Gradient (Not Color Gradient)
How can I implement cross browser opacity gradient (not color gradient)? See following code: <div style="background-color:Red;display:block;height:500px;width:500px;filter:alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=500)"></div> It works fine in IE but not in other browsers like firefox,safari.....
Changing Opacity of All Elements but One Div
I'm trying to fade all elements on a webpage except for one div. I've been able to fade all the elements with the following jQuery: $('*').css('opacity', .3); However, it seems as if opacity is a property that inherits from parent elements, even if I explicitly set the opacity of the div to 1. I'm drawing a blank as to any solutions...