Tag: opacity

如何在单击时更改文本链接的hover不透明度效果？

如何单击文本链接时取消绑定hover不透明度效果？ 例如， 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; } Click Me $(“.test”).click(function(){ $(this).unbind(‘mouseenter mouseleave’); return false; }) 点击它时我不希望这种不透明hover效果。 这是链接 。 编辑： 我更喜欢没有黑客课程的解决方案。 可能吗？

jquery globalcss IE不透明度

我正在使用jquery globalcss插件来更改全局样式表。 它不处理不透明度和IE。 我一直试图让它运转起来没有运气。 这是我试图强制插件尝试理解IE风格的不透明度。 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.Alpha(Opacity=”+value*100+”)\””); } $(target).globalcss(property,value); } 等等。 如果有人可以提供帮助，那就太好了。 谢谢。 我在这里粘贴插件，因为它不再在原始网站上： /* * Global Stylesheet jQuery Plugin * Version: 0.1 * * Enables CSS modification that uses […]

如何在此脚本中修复IE ClearType + jQuery不透明度问题？

我有一个相当普遍的问题（或者似乎，经过一些谷歌搜索…）与IE混淆粗体文本和透明pngs同时使用jQuery动画不透明度。 您可以在此处查看示例： http ： //dev.gentlecode.net/dotme/index-sample.html （显然只出现在IE中） 我看过一些博客post说修复是删除filter属性但是我不知道如何将它应用到我正在使用的脚本，因为我从教程中得到它并且仍在学习jQuery … 该脚本如下： $(‘ul.nav’).each(function() { var $links = $(this).find(‘a’), panelIds = $links.map(function() { return this.hash; }).get().join(“,”), $panels = $(panelIds), $panelWrapper = $panels.filter(‘:first’).parent(), delay = 500; $panels.hide(); $links.click(function() { var $link = $(this), link = (this); if ($link.is(‘.current’)) { return; } $links.removeClass(‘current’); $link.addClass(‘current’); $panels.animate({ opacity : 0 }, delay); $panelWrapper.animate({ […]

Jquery在点击时改变div的不透明度

我已经阅读了有关此事的各种问题，但我没有找到针对我的具体案例的解决方案。 我需要在单击时更改thumbUp和thumbDown div的不透明度。 为什么我的代码不起作用？ 谢谢。 HTML Feu d’artifice Giacomo Balla 1916-1917 Ti piace quest’opera? CSS #likeButtons{ position:relative; right:-50%; width:500px; overflow:hidden; font-weight:300; margin-bottom:50px; } #likeButtons p{ float:left; } #likeButtons img{ width:10%; margin-bottom:30px; padding-left:10px; float:left; cursor:pointer; } #thumbUp,#thumbDown{ opacity:0.6; } JQuery的 $(document).ready(function(e) { $(‘#pulsanteOpera’).click(function(){ $(this).toggleClass(‘pulsante’).toggleClass(‘pulsanteRimuovi’); }); $(‘#thumbDown’).click(function(){ if($(this).css(‘opacity’)==0.6) $(this).css(‘opacity’,’1.0′); else $(this).css(‘opacity’,’0.6′); }); });

使用jQuery动画文本的不透明度时，修正IE Cleartype / Filter问题

嘿所有，我有一个IE的问题，似乎是一个相当已知/常见的错误。 我有一个图像幻灯片放映我在jQuery中构建，在其他浏览器中完美运行。 然而，在IE中，一旦幻灯片放映运行一次，我遇到了一个文本被消除锯齿的问题。 也就是说，如果幻灯片放映中有三个图像，那么这三个图像中的每一个都会第一次出现在文本中，文本会正确呈现。 但是，一旦幻灯片放映循环文本就会变成消除锯齿。 我已经阅读了这篇文章，并浏览了无数博客，了解如何最好地纠正它。 我遇到的最常见的修复方法是在不透明度为100％时删除filter属性，如下所示： $(‘#sample’).animate( {opacity:1.0}, 500, function() { $(this).css(‘filter’,”); } ）; 这似乎应该有效。 但由于我仍然不是jQuery大师，我很难找到我应该在我的代码中实现这一点的地方。 在我试过的任何地方，要么停止幻灯片放映工作，要么将其放大并导致所有图像一次显示在页面上下。 以下是我正在使用的代码，我非常感谢你们给我的任何帮助，指出我正确的方向。 谢谢！ if(options.fade === true) { $(“ul”,obj).children().css({ ‘width’ : $(“ul”,obj).children().width(), ‘position’ : ‘absolute’, ‘left’ : 0 }); for(var i = $(“ul”,obj).children().length -1, y = 0; i >= 0; i–, y++) { $(“ul”,obj).children().eq(y).css(‘zIndex’, i + 99999); } fade(); […]

jQuery应用css不透明度

我试图让不透明度在IE中工作，我现在在IE8中测试，Chrome等工作正常，但IE8很糟糕。 我的代码是： $(‘#mydiv’).animate({‘opacity’: ‘0.5’}); 和 $(‘#mydiv’).css(‘opacity’, 0.5); 不透明度适用于此div中保存的图像，但没有任何文字，这是非常令人愤怒的:(任何人都可以帮助我吗？在此先感谢。

为div创建线性透明渐变

我想为div创建一个线性透明渐变。 有没有办法用jquery做到这一点？ 或者我应该使用像raphaeljs这样的其他库？ 我想达到如下效果：

jquery用页面滚动淡出div

我正试图在页面向下滚动时淡出div（使用页面滚动 – 而不仅仅是fadeOut效果）。 我正在调整div的不透明度，因为页面在这里使用这段代码向下滚动： $(window).scroll(function() { var scroll = $(window).scrollTop(); $(‘.logo_container’).css({‘opacity’:( 100-scroll )/100}); }); 我的问题是，对我来说，它消失得太快，我想在用户滚动时更加微妙的淡入淡出。 任何人都可以想出一个更好的逻辑来做出更慢，更微妙的淡出。 这是一个显示我的代码的JSFIDDLE

Internet Explorer上的透明PNG动画问题

CSS代码： #btn{ background: url(transparent.png) no-repeat; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 的JavaScript / jQuery的： $(“#btn”).animate({opacity:1,”margin-left”:”-25px”}); 我对Firefox，Chrome等上面的代码没有任何问题。 但它不适用于任何版本的Internet Explorer。 问题是PNG图像呈现奇怪，透明PNG的背景看起来很黑。 当我删除不透明效果时，没有问题。 解决办法是什么？

jQuery不透明动画

我正在建立一个网站，它允许用户更改视图选项。 我使用jQuery来平滑动画以更改字体。 它将整个页面淡出并重新使用新字体。 淡出动画很好，但当它淡入时，就没有褪色。 它只是弹出，没有动画。 有问题的jQuery位于http://xsznix.my3gb.com/options.php中 。 我到目前为止的代码是这样的： $(‘#font-classic’).click(function(){ $(document.body).animate({opacity: ‘0%’},{duration: 1000, complete: function(){ // font changing code here $(document.body).animate({opacity: ‘100%’}, 1000); }}); });