帶有懸停邊框的標誌

您好，我有3個標誌（意大利語，德語，英語），目的是爲將來改變整個網站的語言。我怎樣才能使一個懸停效果，可以alxo與IE瀏覽器工作的邊界？帶有懸停邊框的標誌

這是CCS

.miniflags { 
    float:right 
    margin : 5px 20px; 
    padding-right:10px; 
}

，這裏的HTML

<div id="bandiere"> 
    <a><img src="ita.png" class="miniflags" /></a> 
    <a><img src="ger.png" class="miniflags" /></a> 
    <a><img src="eng.png" class="miniflags" /></a> 
</div>

thanx的幫助

亞歷

來源

2010-05-30 Alpan67

完全無關，我下面的評論：重點和：懸停，使用語言標誌是一個壞主意。奧地利和盧森堡人不是德國人，講瑞士語的少數民族不是意大利人，顯然是美國公民，澳大利亞人，......也會說英語。你最好寫一個「italiano - deutsch - english」（有正確的lang和hreflang屬性），並把它放在標題的某處。它不那麼直觀，但人們習慣於它。語言的解決方案沒有這樣的東西，可悲的事情，所以有很多解決方案，但標誌遠不是最好的解決方案。 – FelipeAls 2010-05-30 17:29:15

添加

.miniflags img:hover { 
    border: 1px solid #000; 
}

或

.miniflags a:hover { 
    border: 1px solid #000; 
}

到你的CSS

我相信第二屆會更好地工作（：懸停）

來源

2010-05-30 14:20:56 Meta

~~如果應用miniflags類的<a>相反， :hover假選擇器將工作。~~

miniflags這個類幾乎沒有必要。請記住，:hover僅適用於較舊版本IE的鏈接，因此您需要將其應用於<a>標籤，而不是<img>。

<div id="bandiere"> 
    <a><img src="ita.png" /></a> 
    <a><img src="ger.png" /></a> 
    <a><img src="eng.png" /></a> 
</div> 

<style type="text/css"> 
    #bandiere img { 
     float:right 
     margin : 5px 20px; 
     padding-right:10px; 
    } 

    #bandiere a:hover, #bandiere a:focus { 
     border: 1px solid red; 
    } 
</style>

來源

2010-05-30 14:18:08 Matchu

Thanx非常有幫助和容易！ – Alpan67 2010-05-30 14:29:59

第一個版本適用於.miniflags類;沒有類的最後一個版本移動所有的DIV id = bandiere – Alpan67 2010-05-30 14:36:24

啊。如果'.miniflags'出現在其他位置，那麼您需要重新應用它。但'#bandiere a：hover'規則應該仍然存在，除非你需要將它應用到這個特殊div之外的* links *中。 – Matchu 2010-05-30 14:46:53

IE（直到6 IIRC）只允許懸停鏈接。因此，您必須將:hover添加到a而不是圖片。當然，<a>必須具有href屬性。

來源

2010-05-30 14:19:37 Marian

帶有懸停邊框的標誌

回答

相關問題