V2EX logo在chrome下的hover会缩小

This topic created in 5777 days ago, the information mentioned may be changed or developed.

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 replies • 1970-01-01 08:00:00 +08:00

Livid

MOD

PRO

Jul 19, 2010 via iPhone

收到，到家之后就试试。

Thanks!

Livid

MOD

PRO

Jul 20, 2010

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

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