opacity

I was playing with the CSS3 filter functions (blur, contrast, invert, etc.), and noticed there is an opacity function: filter: opacity(0.5); -webkit-filter: opacity(0.5); -moz-filter: opacity(0.5); While we already have: opacity: 0.5; If we apply both of them for a HTML element, it seems like it's getting double effect! Now that makes me wonder, is there any difference? EDIT: I'm not asking about the old IE filter: alpha(opacity=50) as that is Microsoft's implementation. I'm asking about the CSS3 filter vs CSS3 opacity ? @bram-vanroy posted this same question already, basically. I thought this

This is a Q/A on how to handle the opacity of overlapping elements and make it consistent while hover, with a JS solution. Requirement The requirement is to develop two elements, which are transparent and overlapping, like the two red boxes below. These need to be transparent so that the background contents are visible. Now, while hover on any of these elements, the particular element should turn opaque like below. There's a CSS only solution, which makes it a bit more efficient. Like this for example: body { background-image: linear-gradient(45deg, transparent 50%, #aaa 75%); background-size:

Hey all, I'm having an issue with IE that seems like a fairly known/common bug. I have an image slide show I've built out in jQuery that works flawlessly in other browsers. However, in IE I've run into a problem with the text being anti-aliased once the slide show runs one time. Which is to say, if there are three images in the slide show, then the first time each of those three images appear with their text, the text renders properly. However, once the slide show cycles through the text becomes anti-aliased. I've read up on this and looked through countless blogs about how to best correct it.

Why UIPickerView is not %100 opaque? When I set text color to white and put UIPickerView on a red background, the UIPickerView items have a reddish white text color. I tried custom views using viewForRow , but still no effect. How can I set opacity of UIPickerView to %100? In IB it's alpha is 1 but actually in runtime it isn't Please try this delegate and make your own customize view and return it. -(UIView *)pickerView:(UIPickerView *)pickerView viewForRow: 来源： https://stackoverflow.com/questions/39325827/why-uipickerview-is-semi-transparent

I have created fiddle for reference :- FIDDLE . In this i have table structure and i want stick the table header on top of page, so for that i have used translateY() you can check it on FIDDLE . Now on first column there is checkbox with opacity: 0.3 . Now when i scroll the table and any check box of tbody is overlapped with checkbox of thead then i am not able to check the thead checkbox. I have also created video of problem :- VIDEO . if there's opacity less then one and then if you try and overlap the checkboxes, then the thead checkbox won't be selected. If i use opacity:1 it is working

How do I make it so that the opacity is normal until someone hovers over it and when they hover over it the picture lights up but sends the other images to the background? I also want the images to fade in and out. Example Here's the jsfiddle img { opacity: 0.7; } img:hover { opacity: 1; } .radio div[type='radio'] { background: transparent; border:0px solid #dcdcdc; border-radius:10px; padding:0px; display: inline-block; margin-left: 5px; cursor:pointer; text-align: left; opacity: 0.7; } .radio div:hover[type='radio'] { opacity: 1; } That opacity is fine but I want the images to have their

How can i allow opacity to a div and not the background image? On an ajax request, the following class is applied to a selected div. All contents of that div become opaque. However, the background ajax loading indicator also becomes opaque. How can i make it that the background image does not become opaque? .ajax-mask { opacity: 0.5; filter: alpha(opacity=50); background: url('/Images/Ajax/Ajax.gif') no-repeat center center; } (sorry, dont know why there are two opacity styles. Not a style-spert). Here is a printscreen showing what it currently looks like. The mask is applied and the indicator