解析edikid\'s blog的CSS“加密”技术

【 tulaoshi.com - Web开发 】

　　从我发布百度CSS import漏洞开始，就有人不断问我关于http://hi.baidu.com/edikid这个空间，到现在可能有上百人了吧！我曾经说过CSS内容原则上是不能被加密的——原因就是它需要被浏览器解析。但是当大家用我的http://dohi.cn/hisearchcss.asp对他的空间CSS进行查看时，看到的是乱码，似乎他创造了一个奇迹。

　　这里Monyer不对其本人以及技术做任何讨论或评价，仅仅就他的CSS做一下基本解析，以后大家遇到此问题就不用苦恼了。

　　先列一下其空间的CSS代码

以下是代码片段：
@ODY{
@ODY%7@@ACKGROUND%3A%23FFCC00%3@WIDTH%3A100%25%3@OVERFLOW-X%3AHIDDEN%3@COLOR%3A%232FA4DE%7D%0D%0A%23HEADER%7@@ACKGROUND%3A%23CCFF66%3@HEIGHT%3A100PX%3@WIDTH%3A100%25%7D%0D%0AAD1%2CAD2%2CAD3%2CAD4%2CAD5%2CAD6%7@@ACKGROUND%3A%23FFCC00%3@COLOR%3A%232FA4D}@impor00t "http://blog.edikid.net/hibaidu/css.html";E%3@%7D%0D%0A%23LAYOUT%7@WIDTH%3A98%25%3@%7D%0D%0A%23LAYOUT%20TD.C3T1%-ARROW-COLOR%3A%20%23000000%3@%20%0D%0A%20%20%20%20SCROLL@AR-TRACK-COLOR%3A%20%23FFFFFF%3@%20%0D%0A%20%20%20%20SCROLL@AR-DARKSHADOW@ODY%7@@ACKGROUND%3A%23FFCC00%3@WIDTH%3A100%25%3@OVERFLOW-X%3AHIDDEN%3@COLOR%3A%232FA4DE%7D%0D%0A%%3@%20%0D%0A%20%20%20%20SCROLL@AR-DARKSHADOW-COLOR%3A%20%23FFFFFF%3@%20%0D%0A%20%20%20%20SCROLL@AR-@ASE-COLOR%3A%20%23FFFFFF%3@;}@impor0t "htt00p://blog.edikid.net/hibaidu/00js.html";E%3@%7D%0D%0A%23LAYOUT%7@WIDTH%3A98%25%3@%7D%0D%0A%23LAYOUT%20TD.C3T1%-ARROW-COLOR%3A%20%23000000%3@%20%0D%0A%20%20%20%20SCROLL@AR-TRACK-COLOR%3A%20%23FFFFFF%3@%20%0D%0A%20%20%20%20SCROLL@AR-DARKSHADOW@ODY%7@@ACKGROUND%3A%23FFCC00%3@WIDTH%3A100%25%3@OVERFLOW-X%3AHIDDEN%3@COLOR%3A%232FA4DE%7D%0D%0A%%3@%20%0D%0A%20%20%20%

　　说实话，如果偏让我对这些代码说出个所以然来，那是不现实的，因为即使对于你们所有的浏览器来说，其中的大部分代码都是无效代码，也就是不管你写什么，都不会执行。

　　所以里面的

以下是代码片段：
@ODY{
@ODY%7@@ACKGROUND%3A%23FFCC00%3@WIDTH%3A100%25%3@OVERFLOW-X%3AHIDDEN%3@COLOR%3A%232FA4DE%7D%0D%0A%23HEADER%7@@ACKGROUND%3A%23CCFF66%3@HEIGHT%3A100PX%3@WIDTH%3A100%25%7D%0D%0AAD1%2CAD2%2CAD3%2CAD4%2CAD5%2CAD6%7@@ACKGROUND%3A%23FFCC00%3@COLOR%3A%232FA4D}

E%3@%7D%0D%0A%23LAYOUT%7@WIDTH%3A98%25%3@%7D%0D%0A%23LAYOUT%20TD.C3T1%-ARROW-COLOR%3A%20%23000000%3@%20%0D%0A%20%20%20%20SCROLL@AR-TRACK-COLOR%3A%20%23FFFFFF%3@%20%0D%0A%20%20%20%20SCROLL@AR-DARKSHADOW@ODY%7@@ACKGROUND%3A%23FFCC00%3@WIDTH%3A100%25%3@OVERFLOW-X%3AHIDDEN%3@COLOR%3A%232FA4DE%7D%0D%0A%%3@%20%0D%0A%20%20%20%20SCROLL@AR-DARKSHADOW-COLOR%3A%20%23FFFFFF%3@%20%0D%0A%20%20%20%20SCROLL@AR-@ASE-COLOR%3A%20%23FFFFFF%3@;}

E%3@%7D%0D%0A%23LAYOUT%7@WIDTH%3A98%25%3@%7D%0D%0A%23LAYOUT%20TD.C3T1%-ARROW-COLOR%3A%20%23000000%3@%20%0D%0A%20%20%20%20SCROLL@AR-TRACK-COLOR%3A%20%23FFFFFF%3@%20%0D%0A%20%20%20%20SCROLL@AR-DARKSHADOW@ODY%7@@ACKGROUND%3A%23FFCC00%3@WIDTH%3A100%25%3@OVERFLOW-X%3AHIDDEN%3@COLOR%3A%232FA4DE%7D%0D%0A%%3@%20%0D%0A%20%20%20%

　　没有任何意义，你愿意写什么写什么，只要保证语句的正常结束就可以！这也是你不管怎么样也不会读懂的原因。细心的朋友会发现我提出了其中的两句代码，它们是：

　　@impor00t "http://blog.edikid.net/hibaidu/css.html";
　　@impor0t "htt00p://blog.edikid.net/hibaidu/00js.html";

　　在CSS里“”、“0”、“00”是会被浏览器忽略的（其他的相关的CSS hacking 请参考Monyer的XSS系列），那我们去掉看看：

　　@import "http://blog.edikid.net/hibaidu/css.html";
　　@import http://blog.edikid.net/hibaidu/js.html;

　　对于这两句，我想大家再熟悉不过了吧？其中不仅可以放被调用的CSS代码，同时也可以随意插入js代码（我们不是用它插过视频么？）

　　但是我们把作者的所有CSS全部copy到我们那里是不会成功的，原因就是import字符及相关绕过方式早已经被百度过滤了，而作者是在百度过滤之前加入的，并且没有修改过，所以仍然有效。

　　对于

　　http://blog.edikid.net/hibaidu/css.html
　　http://blog.edikid.net/hibaidu/js.html

　　第一个CSS调用我没有分析，因为我测试时恰好文件无法访问（第二个应该不会被执行，因为前面的混淆语句不是很完整，这个要看你客户端是什么浏览器了）。

　　但是以前一次分析时好像记得其中有类似

　　＜meta http-equiv="refresh" content="url=url,0"＞

　　这样的html转向代码。由于后缀名的关系，当你用浏览器直接访问时，里面的CSS不会被执行，但会执行嵌入其中的html或js代码；当你用import调用时，里面的html及脚本不会执行，但里面的CSS会执行。所以你只能用记事本来打开，或flashget下载。

　　其实说了这么多，我们无非是在CSS上打转，如果真正地了解什么是CSS，并切身实地地去思考，我相信就不会有那么多问题出现了