錨不與Safari/Firefox兼容的背景圖像

我有以下Css，我已經使用了背景圖像。然後我生成錨點並分配具有圖像的css類。它適用於IE，但不適用於Safari，Firefox和Chrome。錨不與Safari/Firefox兼容的背景圖像

任何人都可以幫助我解決這個問題。我在下面給出了細節。

CSS

.HOME 
{ 
    BACKGROUND-IMAGE: url(../images/home.jpg); 
    WIDTH: 56px; 
    BACKGROUND-REPEAT: no-repeat; 
    HEIGHT: 20px 
} 
.HOME A 
{ 
    WIDTH: 56px; 
    HEIGHT: 20px 
} 
.HOME A:hover 
{ 
    BACKGROUND-IMAGE: url(../images/home1.jpg); 
    WIDTH: 56px; 
    HEIGHT: 20px 
}

HTML

<td class="HOME"><A href="#abc.html" Class ="Home" onclick="OpenPage()"/></td>

來源

2010-08-31 Chandan

Plz使用格式代碼 – 2010-08-31 16:41:17

這將有助於瞭解您在其他三種瀏覽器中遇到的確切問題。 – 2010-08-31 16:44:39

它的工作，如果你可以使用下面的CSS：

a.home { background-image:url(../images/home.jpg); width:56px; background-repeat:no-repeat; height:20px } 
a.home:hover { background-image:url(../images/home1.jpg); width:56px; height:20px }

來源

2010-08-31 16:56:15 bogatyrjov

上面的CSS會在IE，Safari和Chrome中工作嗎？ – Chandan 2010-08-31 17:19:11

是的，在Opera，IE7，Chrome，FF和Safari中測試過。我沒有理由不這樣做。 – bogatyrjov 2010-08-31 23:55:00

背景圖像是越來越被棄用，我建議使用：

a.home { background: url(../images/home.jpg) no-repeat; width:56px; height:20px } 
a.home:hover { background: url(../images/home1.jpg); width:56px; height:20px }

來源

2010-08-31 18:28:00

我試圖做類似的事情，發現增加位置：相對或絕對使它在Chrome/Safari/Firefox的工作。

來源

2012-10-11 11:01:55 user1142216

錨不與Safari/Firefox兼容的背景圖像

回答

相關問題