opacity

问题 I'm trying to make it so that when a link has been visited, it is persistently a certain color AND a certain opacity that matches non-visited links when WebKit fully transitions them. Using this: a:visited { color:#cc7839; opacity:0.1; } I can get the visited links to always be that color, except opacity isn't doing anything. I set it to 0.1 to make it easier to see if it was working. When I hover over a visited link, it transitions to the opaque color set by WebKit for a:link:hover. Here's

问题 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 回答1: 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) 回答2: Optionally with CSS3, but

问题 Is the the jQuery('#selector').css({'opacity':50}); cross browser? The only reason i ask is because the line below that we'd normally use on css -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; 回答1: this is probably better: $(element).fadeTo(0, 0.5); 回答2: Yes, it sets the css opacity or IE's opacity filter. 回答3: Because jQuery is designed with cross-browser compatibility in mind, as long as the CSS opacity tag is supported in a browser, then, yes, your jQuery code is cross-browser.

问题 /** * @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

问题 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=

问题 Can someone recommend the safest approach for giving an OPACITY VALUE to a DIV TAG using CSS? Erik 回答1: 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; } 回答2: This will work in every browser. div { -khtml-opacity:.50; -moz-opacity

问题 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:

问题 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"

问题 How is opacity calculated mathematically? There is opacity value in Photoshop, CSS etc. Actually this opacity is the transparent behavior of a layer. That we all know. But how is it calculated mathematically? Is there any equation to calculate opacity? By setting opacity value what is happening there? Take the case of plain color layers: Layer 1 (Foreground Layer) and Layer 2 (background layer) Layer 1 is red (say color value A ) and Layer 2 is white (say color value B ). When we set opacity

问题 i have some images (in front of my bachground-image) with low opacity(png format) and every thing was good in ie8 & firefox until i add pie.htc(or border-radious.htc from google code) for rounded corners & Shadow Box in ie8... after adding pie.htc by : behaviour : url(pie.htc); and adding below codes : border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; box-shadow: 5px 5px 20px red; -moz-box-shadow: 5px 5px 20px red; -webkit-box-shadow: 5px 5px 20px red; the opacity of my