Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在IE中滚动时,网站会有起伏,但在Firefox/Chrome/Safari中不会_Php_Html_Css_Browser_Scroll - Fatal编程技术网

Php 在IE中滚动时,网站会有起伏,但在Firefox/Chrome/Safari中不会

Php 在IE中滚动时,网站会有起伏,但在Firefox/Chrome/Safari中不会,php,html,css,browser,scroll,Php,Html,Css,Browser,Scroll,我再次寻求集体的帮助。我创建了一个网站,当在IE中浏览时,它会有起伏,但在所有其他浏览器中都是平滑的。我检查了两台不同的笔记本电脑,确定它不仅仅是我的显卡 我还删除了所有的图像,看看这是否是一个图像显示问题,这并没有解决问题。有人有什么想法吗 更新*:根据反馈,我还尝试了删除图像、框阴影和谷歌字体的页面,但仍然得到了起伏的滚动条。我现在也已经移除了导航和侧旗…呃,还是不好 找到了:好的,在基本上用css片段解构了我的网站片段之后,我发现屏幕起伏的原因(主要)是由于使用了边界半径属性(感谢您为我指

我再次寻求集体的帮助。我创建了一个网站,当在IE中浏览时,它会有起伏,但在所有其他浏览器中都是平滑的。我检查了两台不同的笔记本电脑,确定它不仅仅是我的显卡

我还删除了所有的图像,看看这是否是一个图像显示问题,这并没有解决问题。有人有什么想法吗

更新*:根据反馈,我还尝试了删除图像、框阴影和谷歌字体的页面,但仍然得到了起伏的滚动条。我现在也已经移除了导航和侧旗…呃,还是不好

找到了:好的,在基本上用css片段解构了我的网站片段之后,我发现屏幕起伏的原因(主要)是由于使用了边界半径属性(感谢您为我指出了这个方向)。我的页面有两个容器div,我应用了以下css: -moz边界半径:10px; -webkit边界半径:10px; 边界半径:10px

一旦我删除了这些,页面就平滑了90%。我仍然得到一些起伏的滚动,由于标题图像,它看起来像,但它要好得多


**最后的解决办法是: 1.添加了条件IE,专门用于在通过IE浏览器查看时禁用边界半径 2.为了消除最后一点起伏:)我拍摄了所有我正在使用的图像,在photoshop中为它们创建了一个精灵,然后使用yahoo Smush It压缩该文件。该网站现在负载很大

谢谢大家的意见

我的网址是


谢谢

问题很可能是您的盒子阴影造成的。虽然没有太多的文档,但通常建议不要使用那么大的CSS框阴影


**最终的解决方案是:1。添加了条件IE,专门用于在通过IE浏览器2查看时禁用边界半径。为了消除最后一点起伏:)我拍摄了所有我正在使用的图像,在photoshop中为它们创建了一个精灵,然后使用yahoo Smush It压缩该文件。该网站现在负载很大

谢谢大家的洞察力


更新*我在iphone手机版的safari mobile中也遇到了类似问题。从container元素中删除border radius属性也固定了我的移动站点的速度

我有一个复杂的布局,IE9对我来说也是结巴的滚动。在我的例子中,具有完整布局的常规页面可以很好地滚动,但是当在同一布局中添加ckeditor时,滚动变得非常不稳定。我想IE不能同时呈现圆角和复杂的UI

我用这个来修复它:

<!--[if lt IE 10]>
<style type="text/css">
* {
-webkit-border-radius: 0px !important; 
-khtml-border-radius: 0px !important; 
-moz-border-radius: 0px !important; 
border-radius: 0px !important; 
}
</style>
<![endif]-->


Safari 5.0.5 OSX 10.6.8上也会出现乱七八糟的情况。我认为这可能是一个页面资源的事情;我花了很长时间才第一次装上。现在加载速度更快,但sitll不稳定。在一些浏览器(Chrome、Safari PC、IE9)中进行了测试,没有图像似乎很好。请参阅更新:我删除了图像、框影、谷歌字体、侧标题和导航-仍然没有good@frostedpops请添加您的解决方案作为您自己问题的答案。试试看。它执行您试图手动执行的操作。即使去掉了盒子的阴影,我仍然得到了一个起伏的卷轴。谢谢