求教这里的前端同学，我的博客安装个了主题，但有人反映打开时候浏览器会变的很卡（拉动滚动条时候基本无响应）

This topic created in 5170 days ago, the information mentioned may be changed or developed.

主题安装的是：http://typecho.me/456.html 这个

我的博客：http://www.au92.com/

我也找到了这个主题的wordpress原型：http://wpthemes.jayj.dk/html5/

我自己电脑和公司电脑打开均不会卡，求教各位前端大牛，这个浏览器会变卡是什么原因造成的？

我让一个朋友测试了：win7 firefox环境她说是会很卡，让朋友禁用js依然卡，禁用css则正常了。我看了下css里用了很多css3的东西，但这个怎么可能造成浏览器无法滚动呢？

这个主题看起来很舒服，所以俺希望找找原因然后改善一下。

浏览器

主题

CSS

10 replies • 1970-01-01 08:00:00 +08:00

TONYHEAD

Jun 16, 2012

Win7 + Firefox 12各种卡顿，但Chrome很正常。

chairo

Jun 16, 2012

俺朋友也是win7 firefox12，但我的win7 firefox13就正常，ie9也正常

公司的xp sp3 ie8 firefox13均正常。但真心看不懂是什么原因造成的…难道是出在ff12这个版本上？

benzhe

Jun 16, 2012

我的是 win7 32位 + firefox13 ，卡顿。
Firebug 真心不好用

benzhe

Jun 16, 2012

找到问题所在，CSS 样式 style.min.css
body 中的 background-size: 16px 16px;
去掉就好了

原因不清楚，应该是 bug

gucheen

Jun 16, 2012

应该是CSS3 的支持问题吧

cst4you

Jun 16, 2012

它那个背景是一个css3渐变生成的斜纹, 大面积覆盖引起firefox性能问题

Keinez

Jun 16, 2012

@cst4you +1，看到16px 16px就觉得会有问题。建议用png平铺替换背景

benzhe

Jun 16, 2012

@cst4you @Keinez background-size 是标准写法，其它浏览器都没遇到这种情况。找了一下很多人表示的确是 firefox 对 background-size 兼容有问题，比如 http://davidwalsh.name/background-size#comment-27262

建议 LZ 用代替图片解决

cst4you

Jun 17, 2012

@benzhe 原来是这样...

chairo

Jun 17, 2012

非常感谢：）