zi's Blog

在用 jQuery 写页面的时候，碰到了一个郁闷的问题 ，

动画效果 hide() 在 firefox 下效果正常，在 IE 下当 hide 结束的时候 被隐藏的 DIV 往往会闪一下才完全消失

经过 google，终于在 jQuery 中文社区 找到解决方法

这是 DTD 定义不对，在 HTML 文档最前加入定义： 

 即可解决问题。

挖掘一下 >>

什么是 DTD？

Document Type Definition 位于文档开头，指定了浏览器该用什么规则来解析 HTML。

PS：

jQuery 用的是 xhtml 1.0 Transitional。

相对于一般的 HTML 语法上要严格一些，比如属性必须加引号，css数值必须跟单位 等。。

试验中。。。

弄得差不多了，用的是 lytebox ,

要使用这个效果需要：lytebox.js lytebox.css 以及相应的图片

CSS 放到自定义的 CSS 里面，上传好图片

js改名成jpg上传，然后在侧栏导入，恩 ff 和 ie 都能认出来。

最后的效果就像这样

不足之处就是这个库有点大，将近40k。

刚才尝试用基于 JQuery 的 LightView ，不知道是和 prototype 冲突还是什么问题，弹出 Overlay 尺寸总是有问题。

暂时就用这个了。