V2EX logo在chrome下的hover会缩小

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 5232 天前的主题，其中的信息可能已经有所发展或是发生改变。

a.white:hover {
color: rgba(255, 255, 255, 1);
text-decoration: none;;
}

#Logo {
font-family: "Arial Black", "Helvetica Neue";
font-size: 24px;
line-height: 24px;
padding-top: 8px;
color: #fff;
text-align: left;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
margin-left: 20px;
font-weight: bold;
}

text-shadow在css3里面应该属于text-decoration，所以在hover时设置为none导致hover时无shadow，显示出来就是字变小了
在safari上没变化，应该是safari的bug。
ps, text-decoration那行多了一个分号~ :D

Text

hover

shadow

2 条回复 • 1970-01-01 08:00:00 +08:00

Livid

MOD

2010-07-19 20:57:10 +08:00 via iPhone

收到，到家之后就试试。

Thanks!

Livid

MOD

2010-07-20 07:08:09 +08:00

嗯，果然去掉 text-shadow 之后就好了。

反正之前那么小的 text-shadow 其实也没有人会太注意的。