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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 2560|回复: 18

不简单的超级连接下滑线 已解决

[复制链接]
发表于 2009-9-7 15:24:10 | 显示全部楼层 |阅读模式
今天做一个项目的 突然发现超级连接的下滑线(text-decoration:underline)有点不简单。

SINA


项目



蓝色



大家能否解释一下 下划线 离字符的距离原因, 为什么有不同?! 应该不是用了 border的属性吧。
--------------------------------------------------------

加一句即可

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

[[i] 本帖最后由 make56 于 2009-9-8 11:19 编辑 ]
发表于 2009-9-7 15:29:08 | 显示全部楼层
贴个代码瞧瞧
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-9-7 15:39:17 | 显示全部楼层
没有什么代码 啊 !   就是用的  text-decoration:underline; 这个属性啊
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-9-7 15:41:35 | 显示全部楼层
注意看看 下划线 和 上面的字的距离 !
回复 支持 反对

使用道具 举报

发表于 2009-9-7 15:48:45 | 显示全部楼层
你想说的是这个吗:

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

回复 支持 反对

使用道具 举报

发表于 2009-9-7 21:38:33 | 显示全部楼层
你那个项目的截图是PS里的,网页上面自然有1px的间距
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-9-8 09:04:01 | 显示全部楼层
原帖由 [i]mxlg2003 于 2009-9-7 21:38 发表
你那个项目的截图是PS里的,网页上面自然有1px的间距

  不是的  两个都是在 网页上 直接 截图的 !
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-9-8 09:07:09 | 显示全部楼层
[quote]原帖由 [i]hutia 于 2009-9-7 15:48 发表
你想说的是这个吗:

不是用 “border-bottom” 这个属性!  我确认过一下
回复 支持 反对

使用道具 举报

发表于 2009-9-8 09:08:31 | 显示全部楼层
你是不是用的arial之类的英文字体呀,你把字体换成宋体试试
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-9-8 09:11:13 | 显示全部楼层
原帖由 [i]jsuper 于 2009-9-8 09:08 发表
你是不是用的arial之类的英文字体呀,你把字体换成宋体试试


已经用了宋体!
回复 支持 反对

使用道具 举报

发表于 2009-9-8 09:17:50 | 显示全部楼层
LZ 是不是 不同浏览器啊  直接说吧,卖啥关子
回复 支持 反对

使用道具 举报

发表于 2009-9-8 09:26:07 | 显示全部楼层
不用 border-bottom,只有IE里面有效果!
Sina 的页面在 Opera 中还是一样的下划线紧贴文字

下面代码直接用IE8的开发人员工具从sina的页面中抓出来的,表现和sina上的链接一样,但是俺觉得还不如俺那个 boder-bottom

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

回复 支持 反对

使用道具 举报

发表于 2009-9-8 09:31:01 | 显示全部楼层
有时候真的会被笨人气死。。。
自己看看效果对比:
compare.JPG

所以还是听话用 border-bottom吧
回复 支持 反对

使用道具 举报

发表于 2009-9-8 09:31:21 | 显示全部楼层
border真的不太好~增加高度,跳动特丑
回复 支持 反对

使用道具 举报

发表于 2009-9-8 09:31:50 | 显示全部楼层

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


貌似和字体行高还有高度都有关系的,测试环境IE7,别的还没看过
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-9-8 10:13:09 | 显示全部楼层
原帖由 [i]Joyce112 于 2009-9-8 09:31 发表
貌似和字体行高还有高度都有关系的,测试环境IE7,别的还没看过



回复  Joyce112   的确和行高有关系 ! 但 具体 有什么关系呢 ?
IE 8的截图


[[i] 本帖最后由 make56 于 2009-9-8 10:15 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2009-9-8 10:42:30 | 显示全部楼层
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

加一句即可
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-9-8 11:18:21 | 显示全部楼层
原帖由 [i]winzip 于 2009-9-8 10:42 发表


加一句即可



非常强  正解!
回复 支持 反对

使用道具 举报

发表于 2009-10-8 14:46:51 | 显示全部楼层
牛人出现
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-10-30 16:06 , Processed in 0.200665 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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