LOGO下隐藏的优化技巧

   当你下载下来一个z-blog或者织梦系统或是其它CMS的时候,你会惊奇的发现在源码中的LOGO处的写法类似于:<div class="logo"><h1><a href="{ying:weburl}" title="{ying:sitename}">{ying:sitename}</a></h1></div> 此处虽然没有图片的出现但是在预览的时候你会发现此处被替换成了网站的标志,这种方法是否对优化有什么好处呢?本人只是个菜鸟在此不敢乱下定论,你可以试验下。那么这种效果是如何实现的呢?

在此就不上图了,类似于本博客LOGO 的效果吧!自己可以试试就知道效果了!

源代码就是上面的了,下面写下CSS中的:

#header .logo{float:left;width:310px;}
#header H1{TEXT-INDENT: -10000px}
#header H1 A{background:url(logo.jpg) no-repeat 17px; height:70px;cursor:hand; display:block;}

对此此种效果已经完成了!记录下,以备以后使用忘记了!记性不好没办法.....

参与评论