opacity

I am using jQuery to fade in and out a .png images of links on the home page of http://www.logandwight.com In IE7 and IE8 the text have no anti-aliasing and are all boxy. I've tried messing with the opacity settings and then I tried animating the filter property specifically for IE but nothing seems to work. Does anyone know whats wrong? This is an inherent problem with IE, transparency, and opacity. Unfortunately there's no good work around while animating...in this situation I just disable animations for IE users. Maybe IE9 will finally do something about this? sIFR might be a possible cross

I have a website that loses layout scheme while the page isn't loaded. What I'd like to do is to have an animation linked to the loading progress, like a progress bar but without the bar. For example, a simple animation that would link the progress to the opacity of the logo. So, when the page was 50% loaded, the logo was at 50% opacity; when the logo was 100% the page was loaded and the loading progress would .fadeOut() . I understand I can use $(window).load() to hide the animation <div> . I don't know how I can relate the progress and the opacity of the animation. Is there a 'simple' way to

I've seen answers suggesting just display:none on the :hover css. But that makes the div flicker when the mouse is moving. EDIT: Added jsfiddle display:none will take the element out of the render tree, so it loses :hover state immediately, then reappears and gets :hover again, disappears, reappears, etc... What you need is: #elem { opacity:0; filter:alpha(opacity=0); } It will leave the place empty, so no flickering will appear. ( Demo or yours updated ) Optionally with CSS3, but will only work on latest browsers (excluding IE). Edit: Here is an example @ jsfiddle using both jquery and CSS3.

I'm creating a script that allows objects to be faded considering an interval of time. The script works very well, however when an object is faded, it is still very visible in the inspector AND in the build. Could someone explain me why and how to make an object completely invisible? (I know I can "enable" the object, but isn't it using more resources than fading? I don't know :( ) Here is the code if I've made any mistake (code inspired from a topic in unity's forum) // Update is called once per frame void Update () { MyTime = Time.deltaTime; AccumulatedTime += MyTime; if (this.name == "Cube

I have been working on this for a little while, and I have also searched stackoverflow, but couldn't find an answer. Here's what I'm trying to do: #container { margin: 0 auto; width: 950px; opacity: .5; filter: alpha(opacity = 50); background: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } But it doesn't work for me in using IETester. The other versions display it correctly, IE6 does not. So, where is the bug? What have I missed ? For IE 6 and 7, try the following: filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); Source . 来源： https:/

/** * @param bitmap * The source bitmap. * @param opacity * a value between 0 (completely transparent) and 255 (completely * opaque). * @return The opacity-adjusted bitmap. If the source bitmap is mutable it * will be adjusted and returned, otherwise a new bitmap is created. * Source : http://stackoverflow.com/questions/7392062/android- * semitransparent-bitmap-background-is-black/14858913#14858913 */ private Bitmap adjustOpacity(Bitmap bitmap, int opacity) { Bitmap mutableBitmap = bitmap.isMutable() ? bitmap : bitmap.copy(Bitmap.Config.ARGB_8888, true); Canvas canvas = new Canvas

I'm looking to do something like this but with CSS or JavaScript. I need to highlight a certain part of an image but everything I find is how to do it in Photoshop. Can I do this with CSS or maybe JavaScript? Am I even asking the right question? EDIT: Well here is a great submission but I have a follow up question: I need this for a mobile device and portrait and landscape views as well for many devices like: iOS, iPad, Android, WebOS, Etc... So the fixed position I'm not sure will work. Any advice? You could use background-position with absolutely positioned divs as follows: CSS: .container {