opacity

问题 I'm having an issue with applying a fade to just one element on the page with the same ID. Firstly I fade the image down to 60% and then on hover I would like it to just 100% the image. This part works but it applies the effect to every element on the page. // Fading images $(document).ready(function(){ $('.mainArticle img').fadeTo('slow', 0.6); $('.mainArticle img, .articleContainer').hover(function(){ $(this).find('.mainArticle img, .articleContainer').stop(true,true).fadeTo("slow", 1.0); }

问题 I want to add opacity to the nearby images of a jssor slider. I found this old one but I cannot get it to work: jssor nearby slider opacity upcoming photos especially this part: <div data-u="slides" id="slideimage-content"> <?php foreach ($sectionImage as $key => $value) {?> <div data-p="112.50" style="display: none;border-style:none; "> <img data-u="image" src="<?php echo $value['url'] ?>" style="border-style:none;"/> <div class="slidecover slidecover<?php echo $key ?> coverdark"></div> <

问题 This is what I have so far for setting the opacity for an image. Using container_div.style.opacity() = 0 instead of cssSandpaper.setOpacity(container_div,0) works for every browser besides IE, but I wanted it to work on IE too so I used cssSandpaper. var image_tag; image_tag = document.createElement("img"); image_tag.setAttribute("height", "100%"); image_tag.setAttribute("width", "100%"); image_tag.src = "image.png" document.getElementById(id).appendChild(image_tag); var container_div =

问题 Well, I'm completely at a loss. I'm designing a website with 4 social icons on the top right hand side. When one hovers over the icons, they increase from .7 to 1.0 opacity, and a line of text appears underneath. This is best demonstrated by an example (the images are broken, but no matter): http://jsfiddle.net/7hZYj/ It's a rather simple effect which I've achieved through the use of CSS3 and lists: #pageHeader .social ul ul { position: absolute; top: 30px; right:0; width:160px; text-align:

问题 I am trying to make a list of social buttons. When one button is hovered it lights up, and the other buttons should darken. I got it to work partially. When the first button is hovered all works fine, but it is malfunctioning when the other buttons are hovered. I think this happens because all the latter list items are siblings of the first and the :hover event can't cause previous elements to change style. Does anyone have any thoughts on how to get this to work? Here's the code (jsFiddle

问题 I have set opacity for a overlay which is working fine in FF, Chrome, Safari and IE9 but not in IE8. I googled alot but did not find any solution. my css code is #overlayEffectDiv { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; width: 100%; height: 100%; filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.50; background: #000; position: absolute; top: 0; left: 0; z-index: 3000; /* hide it by default */ display: none; } In FF it is looking as

问题 I want to be able to apply opacity to some elements to make them invisible only if javascript is enabled . I don't want to use display:none because I want the layout to act as if they're in the DOM, so setting opacity to 0 is perfect. I want to be able to set this initial value using Javascript, using JQuery, so I don't have to mess with browser differences on the opacity (and many other) attributes. But if I set opacity to 0 like so: $(document).ready(function() { $("#header").css("opacity",

问题 Is it possible to prevent overlapping polygons from being darker at their intersection? Geocode's solution to drawing overlapping polygons at the same opacity works well for polygons of the same color, but not when there are multiple polygons. I've tried to wind the polygons in opposite directions but it had no effect. I also tried adjusting the polygon's zIndex, but that only really affected which color was dominant in the intersection. Here is the jsfiddle with my attempt at winding in

问题 I'd like to know what is the exact range of the radius in the shadowRadius property. In the documentation, they only say this value must be a float. That's fine but what is the range for the radius in Android? I mean, how do I set a 120º radius for instance? Same problem for the visibility for TextView . In the documentation, they say I have to set a #aarrggbb hexadecimal color code. That's fine but again, what is the range for the visibility in Android? The value 100 (= 64 in hexadecimal)

问题 I'm having a problem with the opacity of a div when my site is viewed on Internet Explorer. Using Raphael 2.0 (un-minified) I create a rectangle using the following code: var rIn = Raphael("myDiv", "100%", "100%"); rIn.rect(0, 0, "100%", "100%").attr({fill:"black", stroke:"none", opacity:0.6}); In my CSS files if I have transparent divs using the opacity tag, I also write it include filter which seems to work fine for IE. opacity:0.6; filter: alpha(opacity = 60); However, Raphael does not