2012-02-01 109 views
1

我有一个按钮,在我下面应用风格/类。但是这个类在mozila浏览器中无法正常工作。它在IE中工作。 Button的起点我有左侧中间呈现的图标,文字出现在旁边。 IE呈现在中间,但mozila呈现在![输入图像描述] [1]按钮。请让我知道我在这里做错了什么。还发现附件截图的问题按钮CSS问题

.class 
{   
     padding: 0px; 
    margin: 0px; 
    border-collapse: collapse; 
    background:url(GB_Link.gif) no-repeat 0px -2px; 
    display:inline-block; 
    height:20px; 
    line-height:13px; 
    font-size: 11px; 
    font-family: Tahoma, Arial, Verdana, Sans-Serif; 
    text-decoration: none; 
    text-align:left; 
    text-indent:25px; 
    text-color:black; 
    vertical-align:middle; 
    width:180px; 
    cursor:hand; 
    border: 1px solid #77A2B5; 
} 
+0

如果我们不能有背景图像,什么是它的大小?此外,屏幕帽失踪。 – ANeves 2012-02-01 10:10:56

回答

0

这是一个普遍的问题。 在您所定义的HTML标签的布局或在你的HTML页面顶部添加以下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

我希望如此,您的问题将是短期的。 我认为你已经很好理解了。

0

设置行高度一样的按钮高度:

line-height: 20px;