更改背景图像属性会导致Firefox中的闪烁

文章/答案/技术大牛

发布

2回答

javascript、css、reactjs、firefox

我正在处理一个组件，在我的页面上旋转横幅中的一系列背景图像。我遇到的问题是，当通过状态更改background-image属性url时，它似乎会导致白色闪烁。这种闪烁在Chrome中似乎并不总是发生，但在Firefox和Safari中确实经常发生。对于其他上下文，我使用Mac。一开始，我认为这是因为当请求图像时

浏览 112提问于2019-07-24得票数 3

回答已采纳

1回答

火狐中的CSS3 3D转换同时也使用框影

html、firefox、css、css-transitions

我有一个苹果样的覆盖流元素，它使用CSS3转换和3D转换构建。在chrome上工作平稳，但在firefox上，当它们被动画化时，封面在可见和不可见之间闪烁。经过一个消除过程，我发现从项目中删除“框影”css属性会导致firefox中的平稳过渡。我已经在火狐v15和chrome v21上测试过这一点。有没有一个解决方案，让三维转换和框阴影的元素，而不让它在火狐上闪烁</em

浏览 4提问于2012-09-09得票数 5

回答已采纳

1回答

第一次改变css背景图像，一个div，闪烁

css

我在div上设置背景图像，并设置javascript mouseover事件以更改背景图像。当我鼠标移动时，它会更改为另一个图像，但是当它第一次加载并显示在浏览器中时，它似乎会闪烁。在此之后，图像正常变化(没有闪烁)。

浏览 1提问于2018-04-28得票数 0

回答已采纳

3回答

Javascript更改innerhtml导致闪烁

javascript、html、css、image、innerhtml

我使用javascript每5秒用另一个图像更改div的内容。它只需选择一个随机图像，然后使用.innerHTML将div的内容更改为正确的标记。但是，当它加载脚本时，图像会被更改，但是整个页面很快就会闪烁。是.innerHTML的使用导致了这种情况吗？如果是这样的话，我如何用javascript改变div中的图像？谢谢!编辑:

浏览 5提问于2014-02-25得票数 3

回答已采纳

2回答

如何防止多后台重绘.NET winforms

.net、winforms、image、c#-3.0、background

我在数据库中存储了一个背景图像，因此我不是设置表单的BackgroundImage属性，而是处理OnPaint事件来在每个表单的背景上绘制图像。问题是表单上的每个控件都会使父控件失效，因此OnPaint会触发多次(12x)。即使图像在内存中，表单也会短暂闪烁。我需要摆脱这种影响。我看不到如何确定哪个控件是最后一个导致父窗体重新绘

浏览 1提问于2009-08-11得票数 0

4回答

Stellar.js背景附件设置为已修复，但仍在发生疯狂抖动

javascript、css、parallax、background-attachment

正如标题所暗示的，我使用的是Stellar.js。我只有一个视差元素，它非常简单。这是一个带有背景图像的部分。背景图像被设置为fixed (就像文档中说的那样，以避免抖动)，但图像仍然抖动--在Chrome中有些抖动，在其他浏览器中则非常糟糕。当我移除固定的CSS时，它也不会改变。<!

浏览 0提问于2013-06-29得票数 4

回答已采纳

1回答

使用多个实例和背景大小时Firefox背景画面闪烁

html、css、firefox、twitter-bootstrap

所以我在一个页面上有几个元素，它们共享一个背景图像。我的页面使用的是bootstrap，两个元素都是一个3列宽的容器。每个都有一个背景，并通过背景大小来包含。在第二个元素中，我做了一个宽度为90%的背景，所以它比其他背景稍微小一点。在Firefox中，这会导致第一个元素的背景不断闪烁。如果我

浏览 1提问于2013-04-08得票数 3

1回答

Firefox:第一次悬停眨眼

css、css-animations

我正在尝试更改鼠标悬停时元素的背景图像，它在Chrome中运行得很好。但在Firefox中，它总是在加载页面后的第一次悬停时闪烁/闪烁。我已经预先加载了body:after上所需的图像，Firefox中的开发人员控制台显示存在对该文件的"GET“请求。然而，它似乎还没有准备好在第一次鼠标悬停

浏览 14提问于2019-03-26得票数 1

1回答

DIV show-仅在IE中隐藏闪烁

html、internet-explorer、dreamweaver、flicker

我在Safari和Firefox中显示由MouseOver (参见：)触发的图像时遇到了问题，这没问题。在IE中，当您使用blob-image将文本移动到可见背景层上时，该层会被打开和关闭，从而导致闪烁。我使用Dreamweaver CS4中的标准选项构建它。有没有人可以帮我在不破坏页面的想法的情况下避免IE中的这种闪烁？马可

浏览 2提问于2009-11-30得票数 0

回答已采纳

1回答

Firefox -采用CSS背景属性的透明png，而firefox正在刷新缓存的图像

html、css、firefox

在一个图像重的网站上工作，发现了一个奇怪的错误(？)在火狐。任何CSS背景属性都呈现在透明的png上。它发生在初始呈现之后，在缓存刷新期间。这似乎是一个闪烁，如果你正在使用宽带，但变得非常明显，因为你缩小了带宽。 Firefox删除缓存的图像。Firefox开始重新加载图像</e

浏览 7提问于2012-03-15得票数 0

1回答

Internet Explorer中的背景闪烁问题

html、internet-explorer-7、background-image、flicker

我有几个页面的背景图像应用到每个页面的body (相同的背景图像为所有页面)。如何为IE解决这种闪烁问题？

浏览 3提问于2010-07-04得票数 1

回答已采纳

1回答

预加载背景图像和304响应

html、css、image、caching

我发现，当我预先加载在背景图像属性中使用的图像时，Safari浏览器(桌面和移动设备)重新请求了已经预先加载的图像。(他们的响应是304响应。)如果图像是预先加载的，Chrome浏览器(台式机和移动端)永远不会再次请求它。它马上就会出现。但我应该在Safari中等待一段时间，因为Safari会重新请求它以获得304响应！我不想在Safari中被重新请求，因为如果有div标签，它的

浏览 0提问于2016-12-01得票数 0

1回答

CSS固定背景- google chrome中的附件闪烁

css、google-chrome、background-attachment

我的代码中有一个Google错误，IE和Firefox中没有。DIV类“.health”具有一个具有固定附件属性的背景图像。在Google chrome中，这些图像反复闪烁，从未停止。Firefox和IE没有任何问题。

浏览 0提问于2014-01-04得票数 0

回答已采纳

1回答

Skrollr图像闪光器。Firefox预加载问题

javascript、jquery、image、preload、skrollr

我正在使用Skrollr开发“动画书风格”的动画，方法是在用户滚动到页面上的指定位置时触发背景图像更改。我遇到的问题是，在浏览器中，图像的更改被延迟了，在帧之间产生了只能被定义为“闪烁”的白色。url('frame2.png');"> HTML很简单；它主要说明在距离div顶部560像素(相对于浏览器窗口)时，背景应该在第1帧，

浏览 7提问于2015-10-08得票数 0

4回答

在页面加载之间闪烁

javascript、html、optimization、dom-events

在一个网站上，我体验到了页面加载之间出现的白色“闪光”。它看起来很糟糕，因为我使用的是背景图像，当页面加载时，背景图像在它出现在屏幕上之前就会闪烁()。此问题发生在chrome和IE中，但不会出现在firefox中。该站点有一种预加载内容的方法。页面上的每个元素都在一个最初位于display:none的div包装器#website中，而每个<e

浏览 3提问于2012-09-11得票数 17

回答已采纳

1回答

反向悬停DIVS时显示错误背景图片的函数

javascript、jquery、hover

当你将鼠标悬停在6列中的1列(每次你将鼠标悬停在每一列上时，图像都会改变)时，我使用jQuery来更改DIV的背景图像。//aliensix.com/services-audio.jpg)"}).animate({opacity: 1}, 500)但我有两个问题，第一，当你第一次将鼠标悬停在每个div上时，在图像出现之前背景会闪烁我最大的</

浏览 2提问于2016-02-09得票数 0

3回答

IE中滚动体上的条纹重复背景闪烁

css、internet-explorer、background-image

你可能会注意到图像闪烁。(不要使用滚动轮，因为这可能会滚动大量离散量，您将不会看到效果。)background-attachment: fixed; 这将导致背景保持固定，因此在用户滚动页面时不会出现闪烁。这在Chrome和火狐()、中很好，但在IE中就不行了。这个背景附件功能应该在IE8和更高版本中得

浏览 6提问于2012-07-13得票数 4

回答已采纳

3回答

在Firefox中显示"display: none“的图像在显示前会闪烁

javascript、css、firefox

我有一系列的图像，我想一次显示一个。所有其他图像都是用display: none隐藏的。问题是，尽管我在等待所有图像完成请求，但当我更改要显示的图像时，图像会闪烁。下面是一个示例：此问题仅在Firefox中出现。我还用上面的例子创建了一个JSFiddle：我能够使用opacity属性实现预期的行为，但我仍然想知道为什么第一种方法不起

浏览 0提问于2020-01-03得票数 3

1回答

带有Angular2闪烁的ngIf项目

javascript、angular

背景问题码下面是包含闪烁部分的模板部分的代码。

浏览 2提问于2016-10-15得票数 5

回答已采纳

7回答

删除HTML5视频中的黑色负载闪存

javascript、html、css、google-chrome、html5-video

我一直在为我玩的网络游戏创建一个网站。在标题中，我有一个HTML5视频，播放时间非常短(1秒)。在中没有问题，但是在Chrome中，当视频正在加载时，有一个非常短暂的黑色屏幕闪现。有什么办法我可以删除这个闪光灯，或，如果没有，使它白色的背景？你可以在这里明白我的意思，。如果你在IE和Chrome中尝试它，你会看到视频加载方式的不同。或者，是否有更好的方法来实现这一点？

浏览 11提问于2014-10-06得票数 24

回答已采纳

点击加载更多