opacity

问题 I'm using a jquery globalcss plugin to change global stylesheets. It doesn't handle opacity and IE. I've been trying to get it to work with no luck. Here's my attempt to force the plugin to try to understand IE style opacity. function changeCss (property, value, target) { if (property === "opacity") { $(target).globalcss("filter","alpha(opacity="+value*100+")"); /* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */ $(target).globalcss("-MS-filter","\"progid:DXImageTransform.Microsoft

问题 I have an HTML document with a Flash object and an absolutely positioned HTML element above it. If I set the HTML element's opacity CSS property to any value less than 1, the Flash object (that is actually covered) receives mouse events. This problem cannot be reproduced with pure HTML elements. Furthermore, Flash only receives hover events, so I cannot click below the layer. I put a demonstration of the problem online. I get this behavior in Firefox 3.6, Safari 4.0 and Chrome 5.0 in both Mac

问题 I have a requirement to have a div with a background image, and overtop that image should be a 0.7-opacity black layer. For this, I'm using: background-color:rgba(0, 0, 0, 0.7); background-image:url(/Images/hash-000000-pattern.gif); This works perfectly in everything but IE. In IE 6, 7, and 8, the background-color:rgba(0, 0, 0, 0.7); isn't rendered. Is there anything I can do in CSS without changing the markup to create a dimmed-opacity black layer over the background image? Some "filter"

问题 As part of a diagram, I am drawing a few overlapping Shapes, each with Opacity=0.5 , like here: <Grid> <Rectangle Fill="Blue" Opacity="0.5" MouseEnter="Rectangle_MouseEnter" /> <Rectangle Fill="Red" Opacity="0.5" /> </Grid> private void Rectangle_MouseEnter(object sender, MouseEventArgs e) { MessageBox.Show("Entered"); } When the user enters the shape with the mouse, some additional information should be displayed, but the event handler never gets called. Is there a way to get MouseEnter

问题 If I create a normal GtkWindow with nothing inside or a GtkWindow with a GtkDrawingArea inside (or that inside a GtkScrolledWindow), I get a window with the theme's background, as in this picture. But if I use a GtkLayout, I get a window with a solid color background, as in this picture. The only resource anyone (myself included) could find so far was this other Stack Overflow question, but when I do what it says to do, I get a fully black background, like in this picture, even if I get a

问题 I'm trying to get a light black overlay on the image when you hover on it (like the text) sorry I'm new to css and HTML! help would be appreciated HTML <div id="con"> <div id="box1"> <p id="text1"> <a href="url">DESTINATIONS</a> </p> </p> <p id="text2"> AMALFI<BR>SORRENTO<BR>POSITANO</a> </p> <p id="text3"> <a href="url">THINGS TO DO</a> </p> </p> <p id="text4"> TOURS<BR>MUSUEMS<BR>SHOPPING</a> </p> </div> css #con { width:1024px; height:670px; background-color: #161717; } #box1 { float: left

问题 I'm having a rather common problem (or so it seems, after some googling around...) with IE messing both bold text AND transparent pngs while animating opacity using jQuery. You can view the sample here: http://dev.gentlecode.net/dotme/index-sample.html (only occurs in IE, obviously) I've seen some blog posts saying the fix is to remove the filter attribute but I'm not sure how to apply it to the script I'm using since I got it from a tutorial and am still learning jQuery... The script goes as

问题 Sorry if the title is confusing. I've tried my best to compose it, if you are going to understand what I am asking, feel free to suggest better title in comment. The animation I am trying to make can easily be done by video editors, but looks to me not so easy with CSS/JS: First of all, I am not talking about sliding in the image, the image is not moving at all. I want it to appear from side to side, but in a gradient transparent manner. Imagine there is a gradient opacity mask on the image,

问题 This question already has answers here : Closed 8 years ago . Possible Duplicate: jQuery + RGBA color animations hey, i want to change the opacity of an rgba value on hover, but the opacity stays at .07.. maybe ou can help me find the mistake. CSS (IE hacks are in seperate file - no need to mention them here) .boxcaption{ float: left; position: absolute; height: 100px; width: 100%; background: rgb(255, 144, 11); background: rgba(255, 144, 11, 0.7); } JS var thumbslide = $('.boxgrid

问题 Want to reduce the opacity of page contents container background without reducing the opacity of the contents. <div id="container"> <div id="page contents"> page contents goes here, like amazing articles and all that. </div> </div> Needs to be able to expand with the content, thus can't have a fixed height. Absolute positioning it underneath the content will mean there will be no relationship between the two divs and it wont expand with the contents, so I think this is a dead end, feel free