CSS不會承認懸停狀態

我在我的CSS如下：CSS不會承認懸停狀態

.myclasss:hover { 
background: url("images/arw_flogin2.png") no-repeat; border: none; 
display: block; 
width: 90px; 
height: 50px; 

}

，並在我的HTML如下：

<input type="image" title="" class="myclasss" src="images/arw_flogin1.jpg" />

如果我改變輸入類型提交它的工作原理，但不當作爲圖像。

來源

2013-01-04 user1948884

你真的應該使用比'myclasss'更具描述性的名字。它將在未來爲您節省大量的調試時間。 – Doorknob

您需要在非懸停狀態下使用背景圖片。使用下面的CSS隨着type="submit"

CSS

.myclasss { 
    background: url("images/arw_flogin1.png") no-repeat; border: none; 
    display: block; 
    width: 90px; 
    height: 50px; 

} 

.myclasss:hover { 
    background: url("images/arw_flogin2.png") no-repeat; border: none; 
}

HTML的輸入

<input type="submit" class="myclasss" value="" />

當您使用類型圖像的輸入，您在已設置的圖像src屬性將應用於前景。因此，當您在懸停時更改背景時，您將無法看到它，因爲src圖像仍位於前景中。

來源

2013-01-04 14:54:46 Jrod

好的，我在我的CSS和下面的html：'input type =「submit」title =「」class =「myclasss」src =「images/arw_flogin1.jpg」/>'然而我有一個「提交「文本（懸停工程），但沒有預先狀態按鈕。 – user1948884

我現在有一個提交文本，而不是背景圖片 – user1948884

對不起，我的意思是說我有背景圖片，但它覆蓋了文本「提交」 – user1948884

問題是輸入標籤的SRC放在的頂部的背景上。

Jrod的方法會起作用，或者您可以結合flogin1/2圖像並使用background-position：0 90px來改善加載時間。

來源

2013-01-04 14:58:48

CSS不會承認懸停狀態

回答

相關問題