脸谱图片简笔画:CSS前景图片合并技术 Google谷歌——站长之家 - 全球中文站长 dosxp.com...
来源:百度文库 编辑:九乡新闻网 时间:2024/05/10 06:11:14
CSS前景图片合并技术 Google谷歌
来源:本站整理 热量:4 ℃ 生产日期:2011-01-09 15:51 站长之家提醒您:按时吃午饭,有事吃完饭再办也不迟!
站长之家(www.dosxp.com):CSS前景图片合并技术 Google谷歌
以前的文章中介绍过背景图片的合并方法。但不只有背景图片能合并,前景图片同样可以。在 Google 搜索结果页面中,将其 Logo 图标右键另存为后可以发现,它并非单纯的 Google Logo,而是一块复杂的拼合图片: 查看搜索页面源代码,其 Logo 部分代码如下: 示例代码 [www.Mb5u.com]
Google 其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
来源:本站整理 热量:4 ℃ 生产日期:2011-01-09 15:51 站长之家提醒您:按时吃午饭,有事吃完饭再办也不迟!
站长之家(www.dosxp.com):CSS前景图片合并技术 Google谷歌
以前的文章中介绍过背景图片的合并方法。但不只有背景图片能合并,前景图片同样可以。在 Google 搜索结果页面中,将其 Logo 图标右键另存为后可以发现,它并非单纯的 Google Logo,而是一块复杂的拼合图片: 查看搜索页面源代码,其 Logo 部分代码如下: 示例代码 [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...