作者nottt (无)
看板Web_Design
标题Re: [问题] 关於 <abbr> 有虚线跟问号
时间Mon Oct 19 20:38:07 2015
※ 引述《sqrt1089 (李崩子)》之铭言:
: 如题,
: 我上网查询abbr的使用方式
: <abbr title="注解">123</abbr>
: 就是滑鼠移过去123那会出现注解
: 以下是我的范例结果
: http://imgur.com/wYzsgd7
: 但是我看其他范例网站有更直观的,如下
: http://imgur.com/V0uXhEb
: 是怎办到的@@我检视原始码,写法也一样,应该是差在css...
: 所以假设有经验的大大,拜托了~~
: 以下是那个网址
: http://www.heydonworks.com/article/using-icon-web-fonts
如果你是指游标移上去变成有问号图案的话,的确是css的差别
用浏览器检测元素的功能可以看到影响该区块使用的css
以Google Chrome为例
1.按下F12叫出主控台 2.用选择元素的工具选到目标後 3.右边的区块会显示用了什麽css
可以看到
abbr[title] {
cursor: help;
border-bottom: 1px dotted;
}
其中的cursor:help就代表将游标设定为有问号图案,
可以尝试把css前面的勾勾取消勾选,代表该条css不使用,马上就可以看到游标改变了
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.187.98.65
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1445258290.A.261.html
1F:推 sqrt1089: 感谢大大,以解决了,一开始我以为有添加甚麽GIF的... 10/19 22:15