含有标签 CSS 的文章

给IE添加HTML5和CSS3支持

自从我建立这个博客开始,我就从来没考虑过IE用户的感受。当时我的浏览器是 Firefox,IE对我的唯一用处是去下载Firefox。现在我自己在Win下用Chrome,Mac下也用 Chrome,手机上用Opera。本来我以为我可以对IE兼容说永别了。 但是,我没想到被杭二的电子阅览室打败了。 Firefox,安装包20M。Chrome,安装包30M。看起来都不大,对吧?但是杭二的电子阅览室貌似为了网页浏览流畅,貌似用了QoS。QoS就QoS吧,那QoS还有Bug,那里单机平均速度 50K,我每次去电阅只能上半个小时网,下载浏览器花个十几分钟真的令人无语! 另外,那里用XP系统,IE8浏览器。所以,为了让自己的网站看着舒心一点,我就勉为其难地给IE加上兼容吧。 1.HTML5兼容 我的网站广泛采用了HTML5技术,这个技术在新浏览器上可以告诉浏览器优先渲染文章主体部分什么的,加快页面加载速度,但是在不支持HTML5的IE8上惨不忍睹,右边的最近评论宽度变成100%真的大丈夫? 所以,...

鼠标移过图片放大显示效果 的插图

鼠标移过图片放大显示效果

鼠标移过图片放大显示效果 - Original by Maomihz , Modified by Lan Tian 昨天晚上 Maomihz 让我帮他改一段jQuery,实现鼠标移上去自动显示高清大图的效果。一开始有两个Bug,一个是鼠标移到大图框上时,大图会闪来闪去,另一个就是图片会超出屏幕上边界。 我的修改, 就是把大图放到小图底下去,然后给小图设定半透明效果。超出上边界的判断非常容易,写了个max函数就搞定了。 下面放jQuery: $ ( function () { var x = 22 var y = 540 var a = 0 $ ( 'a.smallimage' ). hover ( function ( e ) { if ( a == 0 ) { $ ( 'body' ). append ( '<div id="bigimage"><img src="' + this . rel + '" alt="" /></div>' ) a = 1 } widthJudge ( e ) $ ( 'a.smallimage' ). fadeTo ( 300 , 0.3 ) $ ( '#bigimage' ). fadeIn ( 300 ) }, function () { $ ( '#bigimage' ). fadeOut ( 300 ) $ ( 'a.smallimage' ). fadeTo ( 300 , 1 ) } ) $ ( 'a....