草庐IT

javascript - IE 淡入淡出导致图像出现白点

coder 2025-01-09 原文

我真的被困在这个问题上了。网站快完成了。只是试图解决 IE 的最后几个错误 - 真是一个惊喜!

这是预览站点:http://www.preview.imageworkshop.com/portfolio/

问题 如果您在 IE 中查看投资组合页面,并使用过滤器在选项之间来回切换,过一会儿图像开始被白点覆盖(特别是在黑暗区域)。

注意:我已经实现了ISOTOPE用于网站投资组合的过滤/布局。

CSS3 过渡是在 CSS 中定义的,但是我相信 ISOTOPE 正在降级为使用 jquery 来实现动画效果。

这是一个摄影网站,所以拥有好看的图片很重要。

我已经知道的事情: - 这是 IE6、7 和 8 中的一个已知问题,由淡入/淡出和像素变为透明引起。

  • 人们声称您可以通过移动图像的黑点来解决此问题,因为据推测只有“真黑”像素有问题。 我们试过了,但它对我们不起作用 - 我们也不想进行这些更改,因为颜色准确性对图像很重要,移动黑点会开始弄乱图像。在投资组合中,底部的 3 个大图像已经移动了黑点,但仍然有白点。

  • 显然,将父 div 框的背景颜色设置为黑色也可以解决问题。如果我将 .photos 的背景设置为黑色,这似乎对我有用(但这也会使屏幕的一半变黑。但是设置包含图片 (.photo) 的 DIV 的背景没有帮助。如果有我们可以让它工作的方式,这将是一个合适的解决方案。我无法让它为我工作(?)。

那么从这里到哪里呢? 我可以通过设置 animationEngine 关闭 ISOTOPE 中的过渡/淡入淡出等:'CSS'。这种效果意味着如果浏览器支持 CSS3,那么 CSS 将用于转换,但如果不支持,浏览器将不会恢复为使用 javascript 进行转换。但是,这意味着在 IE 上页面没有过渡,看起来很裤子。

理想情况下,我需要解决白点问题。 - 关于如何让 ISOTOPE 在滤镜后刷新图像有什么建议吗? - 也许还有另一种方法可以进行转换? - 是否可以删除淡入/淡出,但仍使用某种变换,以便我在 IE 中仍然有一些动画发生?

如有任何帮助,我们将不胜感激。整个周末我都在绞尽脑汁试图让它发挥作用,但没有成功。

更新:2011 年 8 月 9 日 我设法找到一种方法来关闭淡入淡出过渡,但是,我使用的 javascript 过滤器仍然将不透明度设置为 0 以隐藏图像,这实际上导致出现白点问题。所以我真的需要找到一种方法将背景颜色设置为黑色,以便它隐藏透明像素。

最佳答案

我遇到了与原始海报完全相同的问题。为了摆脱白色像素/点,我将包含我的图像的 div 的背景颜色设置为 #000,这解决了问题。

希望这能帮助所有那些像我一样想要彻底摧毁 IE 的沮丧的开发人员。

关于javascript - IE 淡入淡出导致图像出现白点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7299329/

有关javascript - IE 淡入淡出导致图像出现白点的更多相关文章

  1. ruby-on-rails - 添加回形针新样式不影响旧上传的图像 - 2

    我有带有Logo图像的公司模型has_attached_file:logo我用他们的Logo创建了许多公司。现在,我需要添加新样式has_attached_file:logo,:styles=>{:small=>"30x15>",:medium=>"155x85>"}我是否应该重新上传所有旧数据以重新生成新样式?我不这么认为……或者有什么rake任务可以重新生成样式吗? 最佳答案 参见Thumbnail-Generation.如果rake任务不适合你,你应该能够在控制台中使用一个片段来调用重新处理!关于相关公司

  2. ruby-on-rails - 在 Ruby (on Rails) 中使用 imgur API 获取图像 - 2

    我正在尝试使用Ruby2.0.0和Rails4.0.0提供的API从imgur中提取图像。我已尝试按照Ruby2.0.0文档中列出的各种方式构建http请求,但均无济于事。代码如下:require'net/http'require'net/https'defimgurheaders={"Authorization"=>"Client-ID"+my_client_id}path="/3/gallery/image/#{img_id}.json"uri=URI("https://api.imgur.com"+path)request,data=Net::HTTP::Get.new(path

  3. python ffmpeg 使用 pyav 转换 一组图像 到 视频 - 2

    2022/8/4更新支持加入水印水印必须包含透明图像,并且水印图像大小要等于原图像的大小pythonconvert_image_to_video.py-f30-mwatermark.pngim_dirout.mkv2022/6/21更新让命令行参数更加易用新的命令行使用方法pythonconvert_image_to_video.py-f30im_dirout.mkvFFMPEG命令行转换一组JPG图像到视频时,是将这组图像视为MJPG流。我需要转换一组PNG图像到视频,FFMPEG就不认了。pyav内置了ffmpeg库,不需要系统带有ffmpeg工具因此我使用ffmpeg的python包装p

  4. ruby - 使用 rbenv 和 ruby​​-build 构建 ruby​​ 失败,出现 undefined symbol : SSLv2_method - 2

    我正在尝试在配备ARMv7处理器的SynologyDS215j上安装ruby​​2.2.4或2.3.0。我用了optware-ng安装gcc、make、openssl、openssl-dev和zlib。我根据README中的说明安装了rbenv(版本1.0.0-19-g29b4da7)和ruby​​-build插件。.这些是随optware-ng安装的软件包及其版本binutils-2.25.1-1gcc-5.3.0-6gconv-modules-2.21-3glibc-opt-2.21-4libc-dev-2.21-1libgmp-6.0.0a-1libmpc-1.0.2-1libm

  5. Ruby 守护进程导致 ActiveRecord 记录器 IOError - 2

    我目前正在用Ruby编写一个项目,它使用ActiveRecordgem进行数据库交互,我正在尝试使用ActiveRecord::Base.logger记录所有数据库事件具有以下代码的属性ActiveRecord::Base.logger=Logger.new(File.open('logs/database.log','a'))这适用于迁移等(出于某种原因似乎需要启用日志记录,因为它在禁用时会出现NilClass错误)但是当我尝试运行包含调用ActiveRecord对象的线程守护程序的项目时脚本失败并出现以下错误/System/Library/Frameworks/Ruby.frame

  6. ruby - 是否有将图像文件转换为 ASCII 艺术的命令行程序或库? - 2

    有这样的事吗?我想在Ruby程序中使用它。 最佳答案 试试这个http://csl.sublevel3.org/jp2a/此外,Imagemagick可能还有一些东西 关于ruby-是否有将图像文件转换为ASCII艺术的命令行程序或库?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/6510445/

  7. ruby-on-rails - 使用 Dragonfly 从 URL 分配图像 - 2

    我正在使用Dragonfly在Rails3.1应用程序上处理图像。我正在努力通过url将图像分配给模型。我有一个很好的表格:{:multipart=>true}do|f|%>RemovePicture?Dragonfly的文档指出:Dragonfly提供了一个直接从url分配的访问器:@album.cover_image_url='http://some.url/file.jpg'但是当我在控制台中尝试时:=>#ruby-1.9.2-p290>picture.image_url="http://i.imgur.com/QQiMz.jpg"=>"http://i.imgur.com/QQ

  8. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法? - 2

    我遇到了一个非常奇怪的问题,我很难解决。在我看来,我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时,我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性,其中包括href和data-method。再次单击此链接后,我的服务器收到了对新href的请求,但使用的是旧的data-method,即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是,如果我刷新页面,HTML与"new"HTML相同(随返回的JS发生变化),但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  9. Ruby-vips 图像处理库。有什么好的使用示例吗? - 2

    我对图像处理完全陌生。我对JPEG内部是什么以及它是如何工作一无所知。我想知道,是否可以在某处找到执行以下简单操作的ruby​​代码:打开jpeg文件。遍历每个像素并将其颜色设置为fx绿色。将结果写入另一个文件。我对如何使用ruby​​-vips库实现这一点特别感兴趣https://github.com/ender672/ruby-vips我的目标-学习如何使用ruby​​-vips执行基本的图像处理操作(Gamma校正、亮度、色调……)任何指向比“helloworld”更复杂的工作示例的链接——比如ruby​​-vips的github页面上的链接,我们将不胜感激!如果有ruby​​-

  10. ruby - 从另一个私有(private)方法中使用 self.xxx() 调用私有(private)方法 xxx,导致错误 "private method ` xxx' called” - 2

    我正在尝试获得良好的Ruby编码风格。为防止意外调用具有相同名称的局部变量,我总是在适当的地方使用self.。但是现在我偶然发现了这个:classMyClass上面的代码导致错误privatemethodsanitize_namecalled但是当删除self.并仅使用sanitize_name时,它会起作用。这是为什么? 最佳答案 发生这种情况是因为无法使用显式接收器调用私有(private)方法,并且说self.sanitize_name是显式指定应该接收sanitize_name的对象(self),而不是依赖于隐式接收器(也是

随机推荐