2012-04-03 60 views
0

我正在使用此CSS来将文本(链接)与背景图片对齐,所以文本完全垂直居中,它在Safari中正常工作,但在IE中文本是向下1个像素。该类直接应用于A标签。在标签上居中文本的IE位置

.menu{ 
height:20px; 
padding-right:10px; 
padding-top:4px; 

font-size:12px; 
text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
color:#333; 

background-image:url(/admin/icon.gif); 
background-position:right; 
background-repeat:no-repeat; 
display:inline-block; 
} 

回答

1

您可以尝试重置风格的浏览器..这里是一个链接,这可能有助于http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

重置列表:http://www.cssreset.com/

还有黑客对IE浏览器的各个版本,使细微的变化.. http://mathiasbynens.be/notes/safe-css-hacks

并且如果旧版本退房ChromeFrame :)

+0

余万t尽可能避免黑客入侵 – user1209203 2012-04-03 20:23:34

+0

CSS重置不是黑客攻击..它非常标准。如果您正在尝试实现跨浏览器的可比性......当涉及IE浏览器时,黑客就是您所拥有的。即使从Visual Studio的默认控件并不总是看起来正确的IE ..如果CSS重置不起作用.. mucho运气:D – Tony 2012-04-03 20:25:53

+0

你是什么意思的CSS重置? – user1209203 2012-04-03 22:09:48