SKIN制作时如何隐藏#blogname？
终于开始写下2006的第一篇日志了，本打算在元旦节就写一篇日志，不过由于太懒了，难得有时间可以睡个懒觉，看看电影，索性就连日志也没写了。利用放假这两天处理了一下新皮肤的一些细节。
在做SKIN时，我们经常需要隐藏#blogname，有两种方法可以实现。
一、设置display:none
这种方法可以直接隐藏，但经过测试后发现，在IE、FireFox和Opera下有不同的结果，对于设置#menu很不方便，于是这种方法不推荐；
二、把字体设置为与背景色相同的颜色
这种方法非常好，并且title可以被搜索引擎收录。我在制作新皮时，由于背景使用了渐变，因此只能把字体设置为1px。可是在opera下却出现了不同的效果，1px的字体被opera改变成了10px，并且导致#menu的定位在FireFox和opera下不同。
为这个问题烦恼了很久，终于想出了解决的办法，将#blogname设置高度为1px，FireFox和opera下的问题解决了，可是IE下又有了问题。虽然字体大小为1px，可是IE却将字体撑高了。这个倒好办，再加个参数：overflow:hidden，终于问题解决了。
在我们制作皮肤时，尽量想到一个中和的办法，避免使用 !important，即使是 !important有时在不同的浏览器下还是会有所不同的。以前制作的几个皮肤，在Windows下用不同的浏览器都没问题，可切换到Linux下后却出现错位。
下面分享一下我的解决办法供大家参考，代码如下：
[code] #container #header #blogname{height:1px;font-size:1px;color:#630506;overflow:hidden}
#container #header #blogname #blogTitle{}[/code]
01月 3rd, 2006 at 09:59:02
我都是把font-size改成0px，并把字体颜色改成背景色一致
1px和0px在这种情况下区别有多大？
01月 3rd, 2006 at 10:31:33
Opera下0px字体会被认做10px，其他浏览器则不会。
01月 3rd, 2006 at 18:49:25
text-indent: -9999px;
不留痕迹……^^
01月 3rd, 2006 at 20:10:06
呵，使用缩进，好办法。
不过刚刚试过了，在Opera下还是会有问题，即使使用overflow:hidden也无法解决~
01月 14th, 2006 at 02:11:02
[smile]YYYYY
有体会
03月 8th, 2006 at 20:26:08
句尾加上这个吧：visibility:hidden;}
至少PuterJam'Blog的官方网是这样做的！
例如：
#container #header #blogname{………….;visibility:hidden;}
#container #header #blogname #blogTitle{…….;visibility:hidden;}
03月 9th, 2006 at 01:08:32
[quote=可乐]句尾加上这个吧：visibility:hidden;}
至少PuterJam'Blog的官方网是这样做的！
例如：
#container #header #blogname{………….;visibility:hidden;}
#container #header #blogname #blogTitle{…….;visibility:hidden;}
其实这样也是可以的，不过visibility:hidden是隐藏后保留原来的区域，也就是说原来高度为100它，visibility:hidden后原100PX区域内的内容被隐藏了，但大小仍不会变化~