opacity

Fancybox2 slight transparency during next/prev gallery image transition

由 我的梦境 提交于 2019-12-12 03:48:10
问题 I have an issue with Fancybox2, there is a very slight transparency during the transition from one gallery image to another. You can see a rough example of it on their site (the Image Gallery examples, second row): http://fancyapps.com/fancybox/#examples When the image transitions to the next one, you can see the background during a very short time. Now otherwise this wouldn't be a big issue, but on one of my websites there are 2 images that are very similar, and they have a slow "fade"

CSS element opacity that does not affect transparency of its contents

由 社会主义新天地 提交于 2019-12-12 02:25:32
问题 I'm trying to create a <div> that has an opacity of 60%. I want the content of that <div> to be clear and not transparent. The <div> with the class white_bg should have a white background color with 60% transparency, but the text and the image inside that <div> should be clear and not transparent at all. Is that possible? Please note that the text in the paragraph with the class main_content will be dynamic and the height will always change, so I can't just set a width and a height for the

Elements with “scroll to top” effect on home page

由 隐身守侯 提交于 2019-12-12 02:07:06
问题 I have elements which appear/disappear at the edge of the screen when scrolled (hideme). I can animate them but the problem is the beginning, at page load. I can not do the same effect at page load... if someone can help how to do it. HTML <div class="section" id="home"> <div class="avatar"><img src="uploads/avatar2.jpg" alt="IL Avatar" /></div> <img class="signature" src="uploads/signature.png" alt="Sign" /> <div class="intro">This is a text...</div> </div> JQUERY <script type="text

Setting an image AND a solid color as a background in VisualBrush

由 半城伤御伤魂 提交于 2019-12-12 01:59:29
问题 This is my code: <Style x:Key="BackgroundStyle" TargetType="{x:Type Window}"> <Setter Property="Background"> <Setter.Value> <VisualBrush Viewbox="0, 0,1280,1024" ViewboxUnits="Absolute" > <VisualBrush.Visual> <Image Source="Images\myImage.png"> <Image.Effect> <BlurEffect Radius="20"/> </Image.Effect> </Image> </VisualBrush.Visual> </VisualBrush> </Setter.Value> </Setter> </Style> I want the window that has this style to have the myImage.png image as a background, which would be blurred and

Font-family renders poorly in Explorer with jQuery animation

由 家住魔仙堡 提交于 2019-12-12 01:56:09
问题 I'm using this in my css... .myclass { font-size: 16px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } It renders nice and smooth in all browsers except for Explorer. (I've only tested in IE8 on XP SP2) In Explorer, it looks horrific! No font smoothing at all. However, it's only a problem on DIV blocks that start with a "display:none;" and are revealed with jQuery... <html> <div id="messageBox" style="display:none;"> <div id="message" class="myClass"></div> </div

Detect when opacity changes

由 冷暖自知 提交于 2019-12-12 01:39:47
问题 Is there a way in jquery or javascript to detect when then opacity of an element changes then launch a function to add new effects like for example if you had a page where automatic things happen like an element faded in then you wanted to launch something else when that happened. How would you do this??? It is kind of like a slide show. Here is a demo of what I have so far: http://jsfiddle.net/Hive7/n57Zy/ Than I want when the last elements opacity changes then start the loop again Thanks in

How to reset a WPF control's default opacity toggling via IsEnabled after setting opacity explictly?

由 杀马特。学长 韩版系。学妹 提交于 2019-12-12 01:38:22
问题 When I disable a control (button), it is so dark that it is very hard to read the text. So I am using an extension method to set the opacity to 1.0 (100%) so it can be read easily, even when disabled: public static void IsEnabledSpecial(this System.Windows.UIElement control, bool isEnabled) { control.IsEnabled = isEnabled; control.Opacity = 1.0; // This makes a disabled control more readable } Normally, when opacity is not explicitly set for a WPF control, it appears to toggle between 1.0

Leaflet: How to control opacity of Layer Groups?

由 余生颓废 提交于 2019-12-12 01:23:23
问题 Does some expert know how to change the opacity of each tilemap of a Layer Group by using a HTML-slider input? For example: I've got several tilemaps, which could be switched by using Lealet's Layercontrol button, like here: Leaflet Layer Groups. When using the opacity-slider I want to dim each tilemap, not just one being actually active. For example: I'm dimming map1 to 0.5 Then switching to map2, its opacity should already also be 0.5. And when changing the opacity of map2 to 0.8 with the

Image and text with opacity background in the same DIV

由 点点圈 提交于 2019-12-12 01:02:15
问题 I'm trying to make an image and text with an opacity! Background appear in the same div without using the image as background. How can I make this work? Kindly see image: 回答1: <div> <span>Title</span> <img src="" /> </div> div{ position: relative; } span{ background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; padding: 6px; display: block; } 回答2: /* Fallback for web browsers that doesn't support RGBa */ background: rgb(0, 0, 0); /* RGBa with 0.5 opacity */ background: rgba(0, 0,

How can I change the hover opacity effect of a text link when it is clicked?

由 帅比萌擦擦* 提交于 2019-12-12 00:57:55
问题 How can I unbind the hover opacity effect of a text link when it is clicked? For instance, a.test { text-decoration:none; } a.test:hover { text-decoration:none; opacity:0.6 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60) !important; } <a href="#" class="test">Click Me</a> $(".test").click(function(){ $(this).unbind('mouseenter mouseleave'); return false; }) I don't want that opacity hover effect when it is clicked. Here is the link. EDIT:
订阅 opacity