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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 4332 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

浏览器

主题

CSS

10 条回复 • 1970-01-01 08:00:00 +08:00

TONYHEAD

2012-06-16 21:15:12 +08:00

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

chairo

2012-06-16 21:21:16 +08:00

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

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

benzhe

2012-06-16 21:40:57 +08:00

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

benzhe

2012-06-16 21:55:10 +08:00

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

原因不清楚，应该是 bug

gucheen

2012-06-16 22:32:53 +08:00

应该是CSS3 的支持问题吧

cst4you

2012-06-16 22:42:56 +08:00

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

Keinez

2012-06-16 22:43:42 +08:00

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

benzhe

2012-06-16 23:20:53 +08:00

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

建议 LZ 用代替图片解决

cst4you

2012-06-17 00:05:59 +08:00

@benzhe 原来是这样...

chairo

2012-06-17 00:19:41 +08:00

非常感谢：）