收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2173|回复: 16

[求助] 淘宝的这个小标签很神奇啊,请问是如何做的呢?

[复制链接]
发表于 2009-2-2 10:40:47 | 显示全部楼层 |阅读模式
如图……那个浮动在按钮上的小吊牌
http://mall.taobao.com/
未标题-2.jpg
发表于 2009-2-2 14:13:57 | 显示全部楼层
有什么神奇的?
回复 支持 反对

使用道具 举报

发表于 2009-2-2 14:29:53 | 显示全部楼层
以前做过。。。貌似用的相对定位,z-index加没加不记得了
回复 支持 反对

使用道具 举报

发表于 2009-2-2 14:34:23 | 显示全部楼层
绝对定位,负边距两者都能做,淘宝的是绝对定位后用负边距拉上去的。自己开个ff用firebug看下就明白了。
回复 支持 反对

使用道具 举报

发表于 2009-2-2 14:37:33 | 显示全部楼层
用背景做咯。
背景图片:
看下源文件就明了了。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-2-2 17:44:29 | 显示全部楼层
这么多高手,就没有一个舍得留下代码的……
回复 支持 反对

使用道具 举报

发表于 2009-2-2 17:47:48 | 显示全部楼层
这么想要代码,还不留下点钱
回复 支持 反对

使用道具 举报

发表于 2009-2-2 17:48:39 | 显示全部楼层
原帖由 [i]cryptlord 于 2009-2-2 17:47 发表
这么想要代码,还不留下点钱

  留下钱马上出源码。
回复 支持 反对

使用道具 举报

发表于 2009-2-2 17:49:14 | 显示全部楼层
提醒,它是以背景方式出现的,你可以仔细看看源码啊。右键-查看源文件会不
回复 支持 反对

使用道具 举报

发表于 2009-2-3 13:24:45 | 显示全部楼层
原帖由 [i]aiminami 于 2009-2-2 17:44 发表
这么多高手,就没有一个舍得留下代码的……


这么简单的效果,施主为什么不能动手试试呢 ??

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

发表于 2009-2-3 13:35:17 | 显示全部楼层
回复 支持 反对

使用道具 举报

发表于 2009-2-3 14:03:32 | 显示全部楼层
透明PNG格式,IE6好像不支持
回复 支持 反对

使用道具 举报

发表于 2009-2-3 14:53:42 | 显示全部楼层
ie6有Microsoft.AlphaImageLoader滤镜嘛……网上一搜一大把,bi里面一搜也是一大把
回复 支持 反对

使用道具 举报

发表于 2009-2-3 15:02:57 | 显示全部楼层
去这个地方:
http://bbs.blueidea.com/viewthre ... p;page=1#pid4304787
并下载第6楼那个人的附件,关于IE6中使用PNG背景图片。
回复 支持 反对

使用道具 举报

发表于 2009-2-3 15:05:53 | 显示全部楼层
非背景图片一说:#new { position:absolute; margin:-10px 0 0 500px;}
<span id="new"><img src="images/sale.gif" /></span>


当然背景图片是最符合语义的。也符合在页面中尽可能减少代码一说。

另外楼主要学会挖代码。
回复 支持 反对

使用道具 举报

发表于 2009-2-4 09:52:47 | 显示全部楼层
这不就是相对定位+绝对定位么..
回复 支持 反对

使用道具 举报

发表于 2009-2-4 09:57:33 | 显示全部楼层
背景图啊,谁用z-index?貌似我刚学时用过的
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-8-4 05:29 , Processed in 0.124684 second(s), 12 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表