2012-02-01 144 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;