V2EX logo在chrome下的hover会缩小

2010-07-19 05:27:40 +08:00
 GordianZ
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
5026 次点击
所在节点    反馈
2 条回复
Livid
2010-07-19 20:57:10 +08:00
收到,到家之后就试试。

Thanks!
Livid
2010-07-20 07:08:09 +08:00
嗯,果然去掉 text-shadow 之后就好了。

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/680

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX