opacity

问题 I have three images, two of these images animate as follow and third image should blink: <Window.Resources> <Storyboard x:Key="AnimateTarget" RepeatBehavior="Forever"> <DoubleAnimationUsingKeyFrames BeginTime="0:0:0" Duration="0:00:03" Storyboard.TargetName="img1" Storyboard.TargetProperty="Y"> <EasingDoubleKeyFrame KeyTime="0:0:0" Value="0" /> <EasingDoubleKeyFrame KeyTime="0:0:1" Value="200" /> <EasingDoubleKeyFrame KeyTime="0:0:2" Value="0" /> </DoubleAnimationUsingKeyFrames>

问题 I am working on an Android app, based on the LibGDX framework (Though I don't think that should affect this problem too much), and I am having trouble finding a way to get the results I want when drawing using transparent sprites. The problem is that the sprites visibly layer on top of each other where they overlap, similar to what is displayed in this image : This is pretty unsightly for some of what I want to do, and even completely breaks other parts. What I would like them to do is merge

问题 Is this possible? I want selected text to have a solid background, not a transparent background. opacity: 1 does not do it because there must be a standard override from the browser (or something like that). ::-moz-selection { background: #fff; color: #000; } ::selection { background: #fff; color: #000; } body { color: #fff; font-family: sans-serif; line-height: 2em; } div { padding: 2em; background: #F8372A; text-align: center; } <div> <h1>HEY!</h1> <p>why is my background not<br/><strong

问题 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; }

问题 This question already has answers here : Specify parent divs opacity but make it not affect children HTML elements (4 answers) Closed 6 years ago . So I'm trying to create a lightbox like feel. I created a #blackout div and an #enlargedBOX div. The #blackout div has it's opacity set to 90%, because I want the background website to show through just a bit, however i do NOT want my #enlargedBOX div to use that same opacity. It seems that #blackout forces its own opacity onto anything within

问题 Im trying to do the following: - a Link is clicked triggering a function that will .show a DIV (#page-cover) dimming down my entire background. This div has a z-index of 999 - Then I want another div (#red) to appear upon the dimmed background / fadeup/show with a higher z-index My CSS: #page-cover { display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 999; top: 0; left: 0; } #red { background-color: red; width: 100px; height: 100px; } HTML //Triggering

问题 I have problem with my hover on img in my #picutre div. HTML: <div id="picture"> <img class="content_pic" src="image/exemple.jpg" alt="exemple"/> <img class="content_pic" src="image/exemple.jpg" alt="exemple"/> </div> And my CSS looks like this: #picture { text-align:center; } #picture img { width:40%; height:40%; border:1px solid #000000; display:inline-block; margin-left:0; margin-right:0; opacity:0.4; } .content_pic:hover{ opacity:1.0; } So i'm wondering why it doesn't work. I'm using

问题 it should look like http://img190.imageshack.us/img190/1686/textgradient.jpg the tricky part is, it should work for opera, canvas..? also important: the transparency is only needed for the big texts in the screenshot. the text is simple html text in a span tag. the background is a somewhat transparent png, defined as css background-image of the container div. i'd have no problems with using canvas or something like that for displaying the text. 回答1: If only Cufón supported a horizontal linear

问题 I wanted to make a Glass Panel that contain a JPanel with white background, border and the msg "please wait". Here is the code example: JLabel glassLabel = new JLabel("Please wait"); FadingPanel msg = new FadingPanel(); glassLabel.setFont(new Font("Dialog", Font.BOLD, 26)); msg.setLayout(new BorderLayout()); msg.add(glassLabel,BorderLayout.NORTH); msg.setBackground(Color.white); msg.setFont(UIManager.getFont("Table.font").deriveFont(24f)); msg.setBorder(new CompoundBorder(new TitledBorder("")

问题 I have a div #test with a 0 opacity background, I want to animate it until reach the opacity of 0.7. But .animate doesn't seem to work with the css rgba. My css is: #test { background-color: rgba(0, 0, 0, 0); } my html: <div id="test"> <p>Some text</p> <img src="http://davidrhysthomas.co.uk/img/dexter.png" /> </div> and my jQuery: $('#test').animate({ background-color: rgba(0, 0, 0, 0.7) },1000); Here a jsFiddle: http://jsfiddle.net/malamine_kebe/7twXW/10/ thanks a lot for helping! 回答1: First