Tag: 不透明度

检测不透明度何时更改

有没有一种方法在jquery或javascript中检测元素的不透明度何时发生变化然后启动一个函数来添加新的效果，例如，如果你有一个页面，其中自动事件发生就像一个元素消失然后你想要启动别的东西时那事发生了。 你会怎么做？ 它有点像幻灯片放映。 这是我到目前为止的演示： http://jsfiddle.net/Hive7/n57Zy/ 比我想要的最后一个元素不透明度更改然后再次启动循环 提前致谢

元素的不透明度

我试图通过jQuery设置元素的不透明度。 $(‘[class*=”OtherFeatur”]’).load(function(){ $(this).fadeTo(500, 0.5); }); 不行，但是当我这样做 $(‘[class*=”OtherFeatur”]’).fadeTo(0,0.5); 它会受到影响。 第一个代码的问题在哪里？ 哪一个更好，通过jQuery或CSS设置不透明度？ 我怎么能用css来做，所有浏览器都可以显示它？

幻灯片显示每张幻灯片上的字体颜色更改+回调字体设置滚动时的颜色

我试图在头元素中完成一些事情。 首先，我想将jquery幻灯片设置为相对。 其次，我会将我的png徽标和导航链接固定在幻灯片前面。 因为有些幻灯片会很暗，有些会很亮，所以我需要使用logo + nav链接来改变设置颜色，因为图像会循环播放，因此可以随时阅读。 到目前为止，似乎我可以通过div循环完成这两项任务，但由于图像是相对的并且徽标+导航将被修复，我将需要固定div的背景的不透明度来改变它的不透明度向下滚动时，幻灯片向上滚动并离开视图，显示0 – 100。 而且由于logo + nav的颜色有时会是一种颜色，有时候是另一种颜色取决于显示的幻灯片，我需要添加一个额外的回调告诉logo + nav在滚动时返回黑色，无论滚动时是什么开始了。 我在这里有半工作的DEMO 。 此演示显示滚动时的幻灯片+ div不透明度。 通过他们在小提琴中不是很好玩，他们在我的实际网站上一起工作得很好。 随意拆开它。 谢谢！

使用jQuery动画在资源管理器中使用Font-family渲染效果不佳

我在我的CSS中使用它… .myclass { font-size: 16px; font-style: italic; font-family: Georgia, “Times New Roman”, Times, serif; } 除了Explorer之外，它在所有浏览器中都呈现出漂亮和流畅。 （我只在XP SP2上的IE8中测试过） 在资源管理器中，它看起来很恐怖！ 根本没有字体平滑。 但是，对于以“display：none;”开头的DIV块，这只是一个问题。 并用jQuery揭示…… function message(msg) { $(“#messageBox”).slideDown(‘slow’); $(“#message”).html(msg).animate({opacity: 1},500); }; 当我在其旁边放置一个包含相同内容和相同样式的重复DIV时，字体渲染完全正常。 只有当我使用jQuery动画向下滑动它并显示它仍然是锯齿状和丑陋时。 我有更好的方法来做这件事吗？ 也许应该在我的家庭中添加一个不同的serif字体，它将在包括Explorer在内的所有浏览器中正确呈现。 谢谢！

给定步骤的CSS3或jQuery动画

我有一个CSS，使淡出效果。 #mainframe.normal { opacity: 1.0; } #mainframe.faded { opacity: 0.0; } #mainframe { /* Firefox */ -moz-transition-property: opacity; -moz-transition-duration: 3s; /* WebKit */ -webkit-transition-property: opacity; -webkit-transition-duration: 3s; /* Standard */ transition-property: opacity; transition-duration: 3s; } 它由以下脚本控制： document.getElementById(‘mainframe’).className = “faded”; 不幸的是，CSS中没有参数，它设置了应该使用的步骤，只有整个动画和Bezier函数的总时间（慢，快……）。 我在jQuery中寻找它，但jQuery似乎也没有这样的参数。 有没有办法设置单帧超时（或者，相同，应该使用多少帧）？ 我需要它来尝试提高iPhone的平滑度（我认为较小的步骤==更高的性能）。 问候，

JQuery.ready为时已晚：如何在渲染之前使用JQuery应用CSS值？

我希望能够将不透明度应用于某些元素，以便仅在启用javascript时才使它们不可见。 我不想使用display:none因为我希望布局就好像它们在DOM中一样，所以将opacity设置为0是完美的。 我希望能够使用JQuery使用JQuery设置此初始值，因此我不必混淆浏览器在不透明度（以及许多其他）属性上的差异。 但如果我像这样将不透明度设置为0： $(document).ready(function() { $(“#header”).css(“opacity”, 0); $(“#header”).animate({opacity:1}, 500); }); …它已经在屏幕上可见的一半时间显示并消失。 如何在使用JQuery渲染之前设置这些css值？ 寻找一个仅限JQuery的解决方案，所以我不必手动处理每个浏览器实现，如下所示： #header { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }

使用jquery更改rgba alpha透明度

可能重复： jQuery + RGBA彩色动画 嘿， 我想在hover时更改rgba值的不透明度，但不透明度保持在.07 ..也许你可以帮我找到错误。 CSS（IE黑客是单独的文件 – 这里不需要提及） .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.captionfull’).click(function() { $(‘.boxgrid.captionfull.clicked’).removeClass(‘clicked’).children(‘.cover’).stop().animate({top: 230, background: ‘rgba(255, 144, 11, 0.7)’}, 350); $(this).toggleClass(‘clicked’).children(‘.cover’).stop().animate({top: 0, height:”230px”, background: ‘rgba(255, 144, 11, 1)’}, 350); });

在jQuery中，你能得到一个褪色元素的“目标”不透明度吗？

我想以某种方式获得一个正在衰落的元素的目标不透明度（它被动画化的最终值）。 例如… $(‘body’).fadeTo(0.4); // 0.4 $(‘body’).fadeIn(); // 1 $(‘body’).fadeOut(); // 0 $(‘body’).animate({ opacity: 0.7 }); // 0.7 这在jQuery中可行吗？ 更新 对于某些背景，请参阅Stack Overflow上的答案。 我试图帮助SO上的另一个用户，并决定问这个与我的答案有关的问题。

当hover时不透明度发生变化时，Google Chrome中的背景转换

我有一个使用Jquery设置的hover效果，它改变了hover元素的不透明度。 它适用于所有最近的浏览器，除了Chrome，它会改变身体元素的背景。 这是链接： http ： //wrong.ro/tataia/ 我的工作环境如下：Google Chrome v18.0.1025.162 / Windows 7 x64。 这有什么解决方法吗？ 提前致谢！

hover时的不透明度（jQuery）

我们有一个链接： Some text 当链接hover时，我们希望用一些动画改变不透明度。 我们怎么做？