脸谱图片简笔画:CSS前景图片合并技术 Google谷歌——站长之家 - 全球中文站长 dosxp.com...

来源：百度文库 编辑：九乡新闻网 时间：2024/04/27 22:44:02
CSS前景图片合并技术 Google谷歌
来源:本站整理　热量:4 ℃ 　生产日期：2011-01-09 15:51  站长之家提醒您：按时吃午饭，有事吃完饭再办也不迟！
站长之家（www.dosxp.com）：CSS前景图片合并技术 Google谷歌
以前的文章中介绍过背景图片的合并方法。但不只有背景图片能合并，前景图片同样可以。在 Google 搜索结果页面中，将其 Logo 图标右键另存为后可以发现，它并非单纯的 Google Logo，而是一块复杂的拼合图片：  查看搜索页面源代码，其 Logo 部分代码如下： 示例代码 [www.Mb5u.com]
其CSS 部分代码如下： 示例代码 [www.Mb5u.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 进行图片定位，这与背景图片的定位是一致的。
 站长之家（www.dosxp.com）,自由&共享&快乐
文章来自DOSXP站长之家（www.dosxp.com）：http://www.dosxp.com/div_css/1039.html
CSS前景图片合并技术 Google谷歌——站长之家 - 全球中文站长 dosxp.com... 给网站加上超漂亮的TOP返回顶部按钮功能——站长之家 - 全球中文站长 dosxp.com... dede轻松实现本月本周本日点击排行——站长之家 - 全球中文站长 dosxp.com |... dede首页右侧用户点评调用代码——站长之家 - 全球中文站长 dosxp.com | 打... DEDE后台登陆取消验证码的方法_站长|站长网|站长之家|站长资讯、新闻、网站SEO教程—... 索马里共和国.SO域名今日将正式对公众开放注册_站长报道_站长之家 CHINAZ.COM 穷站长(QIONGZZ.com) 为何互联网低俗之风屡禁不止 - 站长网 admin5.com DEDECMS技巧：复制文章自动加版权和链接的方法_站长|站长网|站长之家|站长资讯、新闻... 个人站长Google Adsense的收入优化 Dede软件等级无变化的解决办法 - CMS教程 - 站长网-站长之家 - Powered... dedec如何实现广告调用静态化 - CMS教程 - 站长网-站长之家 - Powered... Dede如何成功关联新浪微博 - CMS教程 - 站长网-站长之家 - Powered b... 移动图片代码集锦站长 站长的家 微博之家对话杜俊良：腾讯微博如何日增加2000听众 - 站长网 admin5.com 开放平台知多少：盘点国内各大主流开放平台 _业界动态_站长之家 CHINAZ.COM 《潜伏》之吴站长独白： 百度底层营销之相关搜索你抓住了吗 - 站长网 admin5.com 早教类产品代理几种常见误区解读_站长门户-草根站长|中小网络创业者之家！ 唐世军：站长 应该如何发挥A5论坛签名的最大效果 - 站长网 admin5.com 百度301重定向试验 草根站长4个月研究结果 - 站长网 admin5.com 新站长手册：网络常用广告术语集锦 - 站长网 admin5.com CSS边框属性(Border)-CSS教程 网页教程与代码演示 站长书库 中国站长站 bo...