我发现这是一个完美的简单解决方案上win7为我工作的Chrome,IE和Firefox。
我把一个表,一个小区具有相同width和height作为(其是图像的尺寸)的链路()的内部。
也提出了表格:text-align:center。 text-align:center确保表格内的文字将水平居中。即使在鼠标悬停时字体大小发生变化,表格文字也会垂直居中。此外,该表防止链接图像和其他链接在字体大小增加时发生移位。
我删除了全部padding。因为如果我组合(height,width)与(padding),它将在不同的浏览器(特别是IE和Chrome)上产生不同的结果。
将内容放入中可能是错误的想法,但它对大多数浏览器都有效。
我也把这一行代码为我的HTML文件的第一行:
这使得
每一件事情,我不知道为什么,但它并简化东东。因此产生的代码是:
Home pagebody {
font-family:Palatino, ‘Book Antiqua’, Georgia, Garamond, ‘Times New Roman’, Times, serif;
font-size: 13px;
color: #000060;
background-color: #005070;
background-repeat:repeat-x;
text-align:center;
}
.menu
{
height:64px;
width:100%;
background-image:url(img/bglb2.png);
background-repeat:repeat-x;
text-align:center;
}
.menuLink, .menuLink:visited
{
color:#FFFFFF;
background-image:url(img/btk.png);
text-decoration:none;
font-size: 20px;
width:152px;
height: 52px;
display:inline-block;
margin-left: 10px;
margin-right: 10px;
margin-top: 6px;
}
.menuLink:hover
{
color:#CC7011;
background-image:url(img/bto.png);
font-size: 26px;
}
table.ml
{
text-align: center;
width:152px;
height: 52px;
}
谢谢大家。