CSS圖像懸浮式幫助

我試圖僞懸停添加到<a>標籤，但沒有圖像與任何CSS類展示。請你能告訴我我做錯了什麼，因爲我是新來的CSS。CSS圖像懸浮式幫助

#AIM a { 
    left:420px; 
    top:590px; 
    position: absolute; 
    background-image: url('http://maxk.me/img/aim.png'); 
} 
#AIM a:hover { 
    left:420px; 
    top:590px; 
    position: absolute; 
    background-image: url('http://maxk.me/img/aim-hover.png'); 
}

<a id="AIM" href="http://dribbble.com/_max" />

來源

2011-08-31 max_

使用'A＃AIM' ------ –

你有一個鏈接，正在進行或例如工作？現在，我猜你的選擇器稍微關閉了。 – Matt

A標籤不知道你的形象有多大。 A也是一個內聯元素，所以它延伸到其內容的大小（通常是內部的文本）。

您需要：

定義的寬度和高度（我使用300像素）
使它成爲一個塊元件

{ 顯示：塊; width：300px; height：300px; left：420px; top：590px; position：absolute; background-image：url（'http://maxk.me/img/aim.png'）; }

來源

2011-08-31 21:17:22

您<a>沒有寬度或高度，以便有無處的背景圖像來顯示。

#AIM a是一個選擇器，用於在ID爲#AIM的元素內的錨標記，如下例所示：http://jsfiddle.net/Paulpro/5yg7t/。你想選擇一個錨點標籤id="AIM"在這種情況下，你應該只使用ID選擇器，因爲ID是唯一的。使用此：

#AIM { 
    left:420px; 
    top:590px; 
    position: absolute; 
    width: 55px; 
    height: 54px; 
    background-image: url('http://maxk.me/img/aim.png'); 
} 

#AIM:hover { 
    background-image: url('http://maxk.me/img/aim-hover.png'); 
}

JSFiddle Example

來源

2011-08-31 21:13:50 Paulpro

好點（雖然不是問題） –

@Pekka謝謝，我沒有看到他的帖子底部的HTML的一點點，並假設他的''在一個ID爲'AIM'的元素。我修復了我的帖子 – Paulpro

#AIM a比賽<a>標籤的#AIM內。
您需要編寫a#AIM以匹配<a>標籤即#AIM。

您也可以直接寫#AIM，因爲ID必須是唯一的。

來源

2011-08-31 21:14:12 SLaks

你<a>標籤沒有內容，所以他們會得到有效的0X0不可見元素。無論是添加一些文字：

<a ...>&nbsp;</a>

，或給他們的CSS大小：

a#AIM { 
    height: 10px; 
    width: 10px; 
}

或更好，但兩者。

來源

2011-08-31 21:14:41

更改CSS以下

a#AIM { 
    left:420px; 
    top:590px; 
    position: absolute; 
    background-image: url('http://maxk.me/img/aim.png'); 
} 
a#AIM:hover { 
    left:420px; 
    top:590px; 
    position: absolute; 
    background-image: url('http://maxk.me/img/aim-hover.png'); 
}

更改HTML以下

<a id="AIM" href="http://dribbble.com/_max" />

來源

2011-08-31 21:15:26 guanome

嘗試增加

display: block;

兩個類;然後嘗試指定寬度和高度...

width: 20px; 
height: 20px;

來源

2011-08-31 21:16:30 Phillip

CSS圖像懸浮式幫助

回答

相關問題