opacity

main.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/background" android:gravity="center" android:color="#66FF0000" > <Button android:id="@+id/button1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/noua" android:textStyle="bold" android:textColor="#808080" /> <Button android:id="@+id/button2" android:layout_width="match_parent" android:layout

Can someone recommend the safest approach for giving an OPACITY VALUE to a DIV TAG using CSS? Erik Straight from Css-Tricks.com (this covers everything I can think of): .transparent_class { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } This will work in every browser. div { -khtml-opacity:.50; -moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha

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 Internet Explorer. The problem is the PNG image is rendered strange, background of the transparent PNG looks black. When I remove opacity effect, there is no problem. What is the solution? There is currently no solution for this that I'm aware of. Just have to wait for IE to

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. Here's the code: The CSS .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } The HTML <table style="height: 100%; width: 100%; position: fixed; top: 0; left: 0;"><tr><td class="modalBackground"> <div style="display: table; height: 40px; width

I have the following HTML: <a><img src="myfile.png" /> Some text</a> And this css: a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: .75; } The problem with this occurs in both IE 8 and IE 7. When the PNG image is subject to the -ms-filter or filter , its alpha transparency is ruined. Try it out and you will see. It is a bug in both IE 8 and IE 7. Can I remove the "-ms-opacity" and "filter" properties applied in CSS? What is the syntax for this? (e.g. something like -ms-filter: ""; ) Does anyone

I am trying to fade in and fade out a QLabel or for that matter any QWidget subclass. I have tried with QGraphicsEffect , but unfortunately it works well only on Windows and not on Mac. The only other solution which can work on both Mac & Windows seems to be having my own custom paintEvent where I set the opacity of QPainter and also define a Q_PROPERTY for "opacity" in my derived QLabel and change the opacity through QPropertyAnimation . I am pasting below the relevant code snippet for your reference. I still see an issue here - reusing the QLabel::paintEvent doesn't seem to be working, it