php - 滚动时在 IE 中出现网站断断续续,但在 Firefox/Chrome/Safari 中却没有

标签 php html css browser scroll

我再次寻求集体的帮助。我创建了一个网站,当在 IE 中查看时,它滚动时断断续续,但在所有其他浏览器中都流畅且良好。我检查了两台不同的笔记本电脑,以确保它不仅仅是我的视频卡。

我还删除了所有图像以查看是否是图像显示问题,但并没有解决问题。有人有什么想法吗?

更新*:根据反馈,我还尝试了删除图像、框阴影和谷歌字体的页面,但我仍然看到滚动条断断续续。我现在也刚刚删除了导航和侧横幅......呃仍然不好。

找到了:好吧,在基本上逐个 css 解构我的网站后,我发现屏幕不稳定的原因(主要)是由于使用了 border-radius 属性(感谢指向我那个方向)。我的页面有两个容器 div,我将以下 css 应用于: -moz-边框半径:10px; -webkit-边框半径:10px; 边框半径:10px;

删除这些后,页面流畅度提高了 90%。由于标题图像看起来像,我仍然会遇到一些不稳定的滚动,但它好多了。

**最终的解决方案是: 1. 新增条件IE,专门禁用IE浏览器查看时的border-radius 2. 去除最后一点断断续续 :) 我拍摄了我使用的所有图像,在 photoshop 中为它们创建了一个 sprite,然后使用 yahoo Smush-It 压缩该文件。该网站现在加载速度很好。

感谢大家的投入!

我的网址是 http://monopolydealrules.com

谢谢!

最佳答案

**最终的解决方案是: 1. 添加了条件 IE,专门用于在通过 IE 浏览器查看时禁用边框半径 2. 消除最后一点断断续续 :) 我拍摄了我使用的所有图像,在 photoshop 中为他们创建了一个 sprite,然后使用 yahoo Smush-It 压缩该文件。该网站现在加载速度很好。

感谢大家的见解!

更新* 我在 iPhone 上的移动版 Safari 移动版中也遇到了类似的问题。从容器元素中删除 border-radius 属性也修复了我的移动网站的速度。

关于php - 滚动时在 IE 中出现网站断断续续,但在 Firefox/Chrome/Safari 中却没有,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10248970/

相关文章:

html onchange/onblur 兼容性

javascript - 如何在chrome右键菜单中添加 "open link in app mode"?

javascript - CustomElements V1 和 ShadowDOM 的外部样式

php - 对 PHP 脚本的同时请求

php - 引用错误 : jQuery is not defined

php - 在新订单 Hook 中获取订单数据

html - 我的图像垂直对齐不起作用

css - 有没有办法为 LESS 文件设置通用图像路径?

css - 如何设置溢出隐藏但不影响某些元素

javascript - 除 trim 外还可以使用其他功能