CaiKanXP的专栏

<br />今天本想修改<a>标签内鼠标悬浮时的文本样式，于是测试是否可以利用伪类 :hover 结合 :first-letter 或 :first-line 来实现，结果发现了这一段可以让IE6崩溃的代码：<br /><style type="text/css">a {display: block;}div a:first-letter {background: red;}</style><div><a><span>x</span></a></div>

ECMA-262标准第5版已经内置了JSON对象，最新的浏览器都已经支持了，但老的浏览器还未完全退出市场，不能完全忽略。在地球被HTML5完全占领之前，测试一下各浏览器（主要是IE8）对内置 window.JSON 的支持情况，顺便也测了一下Box Model盒模型。主页面代码：index.html脚本代码：test.jsfunction p

偶然发现淘宝某些页面在Chrome下，滚动条显示带一点淡蓝色。例如：http://arcade.taobao.com/但是相同的页面在IE下打开，滚动条却还是默认的样式。可见并非兼容IE的经典滚动条样式。看来是Chrome特有的？查看源码就行分析。目前已知可以通过 ::-webkit-scrollbar 来设置webkit浏览器的滚动条样式，可是在本例中，完全找不到这样

虽然在官方规范之中，HTML有版本，CSS有级别，但实践当中无所谓版本级别，关键是看浏览器是否支持。如IE6不支持CSS子元素选择符，就非常令人沮丧。虽有其它替代方案，比如给HTML元素都加上类名，但那样代码量会增加不少，而且不能很好的利用HTML元素语义。目前有一个第三方js库 Selectivizr(http://selectivizr.com/)，当前版本v1.0.2，可增强IE

只使用一张CSS Sprites图片，制作导航菜单背景，鼠标悬浮高亮（其实就是切换背景图）。由于各浏览器目前对“background-position-x”这种“不规范”的css属性支持程度不一，于是派生出多种实现方案。方案一：a { float: left; width: 80px; height: 40px; text-indent: -9999px; ov