摘要: body {font-family: Arial, sans-serif; } 这是我迄今发现的最好的全局字体解决方案。当然,所谓“最好”,也只是基于我个人的评判标准。所以我还是得分析一下其他的写法有什么缺点,最后再总结这个写法的特点。 body {font-family: "宋体", sans-serif; } 这个写法可能的缺点在于: 1. 宋体在Safari和Vista的IE 7下,看起... 阅读全文
posted @ 2009-05-05 11:29 Gre_Jee.Mr 阅读(239) 评论(0) 推荐(0)
摘要: 对于从未声明过的对象,如果尝试给它赋值,会隐式的将它声明为全局对象。比如: (function() { s = 'abc'; })(); alert(s); //会弹出 abc 如果尝试读一个未声明的对象,JS会报错。比如: alert(a); //不会弹出对话框,会报错 这个结论是犀牛书中所写。但是有意思的是,在IE里,如果尝试读一个未声明的对象,并不会报错,当然也不会继续执行JS。这点其实... 阅读全文
posted @ 2009-05-05 11:28 Gre_Jee.Mr 阅读(270) 评论(0) 推荐(0)
摘要: 我曾经佩服过google ads,它可以再任何网页上出现,而它的样式却不会被寄主网页的CSS给破坏。后来发现它其实是用的iframe,呵呵。 不过倒是引发了我一个思考:如何保证一个区域里的样式不会被外部样式“入侵”。要做到这点其实说难不难,说容易也不太容易。关键是两点: 1. 将该区域里的所有样式全部设为最初的默认值; 2. 保证上面的样式的优先级为最高。 所以呢,下面是一个尚未完善的例子: #c... 阅读全文
posted @ 2009-05-05 11:24 Gre_Jee.Mr 阅读(284) 评论(0) 推荐(0)
摘要: 最正式的方法就是给一个透明图片加样式: 但是这样做有一些缺点: 1. 会多一个图片的请求 2. 众所周知的,内联行里的图片和中文字的底端无法对齐。这个问题的解决办法也有,就是用“vertical-align: -2px;” 强行把图片拉下来一截。 第二种方法: a { display: block; text-indent: -3000px; overflow: hidden; width... 阅读全文
posted @ 2009-05-05 11:23 Gre_Jee.Mr 阅读(221) 评论(0) 推荐(0)
摘要: 淘宝商城的 detail 页面“产品详情”部分是商家自定义区块,曾出现这样一个问题: 品牌:XZX 市场价:145元 颜色:黑色 面料:棉 尺码:S M L 衣长:S 89 M 90 L 91 ... 阅读全文
posted @ 2009-05-05 11:15 Gre_Jee.Mr 阅读(478) 评论(0) 推荐(0)
摘要: 惊叹于老外的发现 《CSS Background image on html image element?》,自己从没关注过,也没想过如此的问题。 实现方法很简单:设置 img 元素为块元素(display:block;),并赋一个 padding 值。 例如(simple demo ): img { display:block; background:url('parallax.... 阅读全文
posted @ 2009-05-05 11:15 Gre_Jee.Mr 阅读(201) 评论(0) 推荐(0)
摘要: 在“按需加载”的需求中,我们经常会判断当脚本加载完成时,返回一个回调函数,那如何去判断脚本的加载完成呢? 我们可以对加载的 JS 对象使用 onload 来判断(js.onload),此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持,但 IE6、IE7 却不支持。曲线救国 —— IE6、IE7 我们可以使用 js.onreadystatec... 阅读全文
posted @ 2009-05-05 11:15 Gre_Jee.Mr 阅读(202) 评论(0) 推荐(0)
摘要: 在浏览器 IE6 、IE7、Firefox2+、Firefpx3+、Opera9.6+、Safari3.1+中测试以下代码(Demo): test 结果会发现,在 IE6、IE7 浏览器中第二次弹出的 result.innerHTML 中的 A 元素的 href 值成为了绝对路径。 其实先人们早遇到这些问题(感谢 玉伯 提供的资料): 《getAttribute(”... 阅读全文
posted @ 2009-05-05 11:14 Gre_Jee.Mr 阅读(166) 评论(0) 推荐(0)