《
Google谷歌Logo的CSS前景图片合并技术》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302335422013.htm
--> [
网站建设之]Google谷歌Logo的CSS前景图片合并技术
CSS的图片合并可以是背景图片合并，也可以是前景图片合并，咱们今天就以Google LOGO为例，讲授一下CSS远景图片合并技巧,
google Sitemaps网站地图相关知识。
在 Google 搜寻成果页面中，将其 Logo 图标右键另存为后能够发明，它并非单纯的 Google Logo,
Google Analytics(分析)能为网站带来什么，而是一块庞杂的拼合图片：
查看搜索页面源代码，其 Logo 部门代码如下：
示例代码 [www,
Google Analytics 网站点击分布图.Mb5u.com] <a id=logo href="/tz.php?url=www,
Google Adsense提高收入核心技巧揭秘.google.cn/webhp?hl=zh-CN",
font-family 中文字体的英文名称小结; title="Google 主页">Google<img width=168 height=119 src="/images/nav_logo4.png" alt=",
float闭合（清除浮动）和CSS HACK;">,
Firefox 将支持 css calc() 属性;</a>
其CSS 部分代码如下：
示例代码 [www.Mb5u,
em和strong的区别.com] #logo{display:block;overflow:hidden;position:relative;width:150px;height:52px;margin:14px 0 7px}
#logo img{border:none;position:absolute;left:-0px;top:-26px}
剖析上述代码可知，CSS 中 id=logo 的款式父元素采取绝对定位方法，定义了宽度跟高度，使用 overflow:hidden 来暗藏溢出局部；而 img 元素则采用相对定位方式，应用 left 和 top 进行图片定位，这与背景图片的定位是一致的。 Tag：google LOGO ,
DreamWeaver中编写CSS的一些习惯建议; CSS 图片合并 google LOGO CSS ,
Dreamweaver CS3中的CSS布局规则; 图片合并
(责任编辑：网站建设)
Google谷歌Logo的CSS前景图片合并技术相关文章