opacity

问题 I can't get opacity to work on a:visited hyperlinks in firefox or IE If I set the background color of a:visited it will work fine, but the opactity will not set. Any ideas? Here is my css: a.photo { display: inline-block; } a.photo img { border: 1px solid #C8C8C8; background-color: #ffffff; } a:hover.photo img, a:active.photo img { background-color: #FF2D59; border: 1px solid #FF2D59; } a:visited.photo img { opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ } a.small img {

问题 Well, I have this question and I see that someone already asked something similar but this I don't understand yet. What I want to do is to set a opacity of 0.7 to an element but just to the content and not to the border, I want the border to stay full color. Some example code here: input#element{ width: 382px; height: 26px; border: 2px solid #FFF; border-radius: 3px; opacity: 0.8; } The result is that my input element has the opacity but even the border, Can someone tell me how to set the

问题 How do I make an image fade in qml? How do I achieve this effect? here I attach the image of how I want it to look 回答1: A possible solution is to use OpacityMask with a LinearGradient as source import QtQuick 2.9 import QtQuick.Window 2.2 import QtGraphicalEffects 1.0 Window { visible: true width: 600 height: 600 title: qsTr("Hello World") Image { id: input source: "input.jpg" anchors.fill: parent OpacityMask { source: mask maskSource: input } LinearGradient { id: mask anchors.fill: parent

问题 I am loading data from external html files within my domain into a div on my webpage using a load content method in jQuery. I take the div out of the new page whilst hiding the div in the current page by fading this out and fading the new one in. There is a png image in both of these divs and it is creating horrid black blobs in IE, works fine in other browsers but due to IEs inability to process multiple filters its making a mess. I tried using the unit png fix to no avail, does anyone have

问题 I am doing a transition where it fades into transparent white, when a user is hovering an image. My problem is that I need to change the color, that it fades to, to black. I have tried just simply adding background:black; to the class that contains the transition , but it does not work unfurtunately, it's still fading into white transparent. The css code I am using is: .hover:hover { opacity: 0.2; } .item-fade { background: black; opacity: 0.8; transition: opacity .25s ease-in-out; -moz

问题 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. 回答1: Set the opacity on the background rather than the element. background-color: rgba(255,0,0,0.6); A while ago I wrote about how to achieve this in a backwards compatible way. 回答2: I've experimented with this in the past on my own website.

问题 I have a div element with text blocks and a parent div in which I have set a background image. Now I want to reduce the opacity of the background image. Please suggest how I can do that. Thanks in advance. EDIT: I am looking to change the way my blog post looks at blogger.com by editing the html content. The html code looks as follows: <div> //my blog post </div> I tried to surround the whole code above with a div element and set opacity of each div separately as below: <div style="background

问题 <div class="container"> <div class="site_content"> some stuff, images etc </div> </div> .container{ background-color:#333; } What I'd like is to have the .container div to have opacity of 80%, but the content of .site_content to be at 100% Setting css opacity affects all child elements. Is there a way do this? With jQuery? Because of how this will be used, I'd prefer to avoid the technique of positioning another transparent div behind to achieve the effect. 回答1: You need to use the RGBA

问题 This question already has answers here : How do I give text or an image a transparent background using CSS? (28 answers) Closed 4 years ago . Can I assign the opacity property to the background property of a div only and not to the text on it? I've tried: background: #CCC; opacity: 0.6; but this doesn't change the opacity. 回答1: It sounds like you want to use a transparent background, in which case you could try using the rgba() function: rgba(R, G, B, A) R (red), G (green), and B (blue) can

问题 trying to flash three elements in a row with css3 animations. i've got it running, but there is a fade for each frame and i'd like to remove it. ideally each element stays visible for 1s, then hides immediately. i've tried setting the animation with frames at 0% and 99% for opacity:1 and 100% for opacity: 0 but still no luck. i hope theres a way to remove the fade! webkit js fiddle CSS: .motion.play .frame { -webkit-animation-name: flash; -webkit-animation-duration: 3s; -webkit-animation