问题标签 [fading]

我遇到了一个奇怪的问题：我想淡化图像。该代码有效，但褪色效果看起来很糟糕，至少在最新的 Firefox 中是这样。但在其他网站（网络上）上，它显然在同一个浏览器中运行良好。好的，这是我的代码：

HTML：

CSS：

Javascript：

所以，这个设置很简单：我有两个 div，都定位为绝对值。具有“firstpic”类的 div 在具有“fade”类的 div 中。两者都包含一个 img 元素。具有“firstpic”类的 div 默认情况下是不可见的（参见 CSS），因此它可以淡入。淡入是通过按下按钮触发的（参见 Javascript）。但它并没有很好地淡入，而是以黑色背景淡入。我认为这可能是因为“img”元素。当我使用带有 css-background 图像的两个 div 时，它会很好地淡化。但我需要 img-Elements，因为我需要调整图片的大小。任何帮助将非常感激。谢谢。

我需要创建一个渐变的背景图像，它可以伸展以填充浏览器。以下代码在除 IE8 及以下版本之外的每个浏览器中都能完美运行。IE8 的问题是我可以让它褪色但不拉伸或拉伸但不褪色 - 不能同时进行。

JAVASCRIPT

这是我添加的使其在 IE8（及以下）中拉伸的行，但它破坏了淡入淡出功能。如果 IE8 支持“背景大小”但它不支持，那就太好了。

CSS/HTML

我希望有一个解决方案可以在 IE8 中拉伸和淡化背景图像。如果该解决方案仅适用于 IE8 而不适用于 IE7 或更低版本，那很好。IE8及以上是我目前唯一关心的问题。提前致谢！

所以，在我当前的项目中，我有一个方向设置为垂直的 LinearLayout。在运行时，视图将以编程方式添加到布局中。我希望布局的内容在底部淡出（拖尾）而不是仅仅被切断。我研究了 fadingEdge 但无论我如何更改 fadingEdge 和 fadingEdgeLength 的设置，视图的外观似乎都没有变化。

信息：

• 在 Eclipse 布局编辑器中工作
• 使用自定义主题 (HoloEverywhere)
• 目标是 4.0.3 但 minSdkVersion 是 8（我使用 android 兼容性和 sherlockactivitybar）

提前致谢！

我正在尝试创建一个侧面菜单，以便当用户单击链接时，div（页面中间）中的当前内容应该fadeout和新页面内容应该fadeIn，我创建了这个方法：

但是效果不如预期，有大神知道这个方法怎么增强吗？我期望fadeout当前内容到背景页面和fadeIn新内容。
但是当前的内容就消失了

我的html代码：

我正在创建一个菜单，其中单击的链接加载到具有淡入淡出效果的 iframe 中，但是，旧内容会消失，而新内容会在加载时闪烁。有谁知道如何解决这个问题？

JavaScript 代码：

其中 content 是 iframe 的 id。

我有一个网站，主页上有图片幻灯片。在删除照片之前，我会在其后面写下一张照片，然后将其删除。我想知道如何在删除照片之前添加褪色效果。我的网站是：guyzyl.org，所以你可以看看我在说什么。另外我不知道如何使用 Jquery，所以请不要提供该解决方案。谢谢你的帮助。盖伊 Z。

我绝对是 JQuery 的初学者（但我对 JS 和其他语言的编程有一些了解）
我有两个目标：

1. 非常简单的选项卡（或任何控件），单击时旧（活动）选项卡内容淡出，然后单击选项卡内容淡入（同一位置）
2. 与 1 相同，但内容是水平滑动而不是淡出。我不想要 JQuery UI，因为这对于这种简单的东西来说太过分了，我想学习。

目标 1，JS：

HTML：

如何找到活动的 div，而不是用$("div.tabs > div")infadeOut和 in戳所有 div fadeIn？

目标2：
我读过slideUp，slideDown但那是垂直的，也许我必须使用animate()？
如何？如果它太复杂而不是垂直幻灯片对我有好处......

我一直在做我的功课，看来你不能在你正在使用的地方使用 CSS 过渡效果display:none;等等display:inline;。

我想在我的 CSS 下拉菜单中添加悬停时的淡入和淡出，使其看起来更干净。使用我发现的显示元素时这是不可能的。

我尝试display从我的 CSS 中删除，但是当我这样做时，元素就在那里（尽管不可见）并且当你将鼠标悬停在它上面时会淡入。我阅读了添加“指针事件：无”的建议；对此，这不是跨浏览器兼容的。如果您再次将鼠标移到它上面，它还会导致褪色元素闪烁。

我还使用了 CSS 关键帧动画建议在使用显示元素时淡入，但是当鼠标离开时无法让它淡出。:(

我知道这是可能的，因为我在许多网站上都看到过它，但我无法让它适合我的工作。

这是我的代码：

http://pastebin.com/zVQapUNz

我正在尝试实现一个淡入淡出的导航系统，其中导航中的所有内容，但被悬停的元素都会淡出说，0.3 不透明度。

同时，我希望点击具有更大的“价值”，以免被点击的元素（或者在这种情况下，活动子页面）淡出。这对我来说也没有多大意义，我'我只是发布我的代码。

让它闪闪发光的脚本：

和类/ css（少）：

.inactive{颜色：@color2; 边框底部：0 固体 #000;}

.active{颜色：@color1; 边框底部：1px 实心#000;}

nav#main ul li a{color:@color1;}

基本上，悬停状态优先于点击，这是我不希望发生的。

理想情况下，只要您将鼠标悬停在包含所有锚元素的无序列表中，我希望所有锚元素都恢复到其原始状态。如果有人对此有一些指示，将不胜感激。干杯!

编辑：回应 Christian Varga - 我明白你的意思，但我想做的是以下内容。

默认状态：不透明度 1

悬停状态：不透明度 0.3（在除悬停元素之外的所有内容上，悬停元素仍处于不透明度 1）

Clicked(Active) State : Opacity 1（其他链接不覆盖单击元素上的所述不透明度）。

Mouseout(From Container)：所有内容的不透明度为 1，除非已单击链接（处于活动状态）。

我希望这使它更清楚一点，对最初的解释表示歉意。

目前，我正在以0.1 alpha/second. 我在网上阅读了一些使用0.03 alpha/second. 是否有组件应该淡入/淡出的标准速率？有标准的过渡动画率吗？