html-anzeigen-Bereich hover-Effekt

<img alt="" src="img/Immagini di base NoPain Project/Parti Donna/corpo-donna-fronte.png" width="477" height="672" usemap="#woman-body" id="corpo_d" />
<map id="woman-body">
    <area shape="rect" coords="260,140,200,50" href="#" id="body_one"  />
    <area shape="rect" coords="200,150,160,220" href="#" id="body_two" />
</map>

wenn sich die Maus über einem der beiden Bereiche, ich möchte, dass die Fläche, markiert eine Grenze.

Dies ist der css, aber es funktioniert nicht.

area#body_one:hover
{
    border:1px solid #0F0;  
}

Doppelte, Lesen Sie diese Antwort stackoverflow.com/questions/12661124/...
aber ich will nicht, um jquery verwenden, sondern einfach die css

InformationsquelleAutor Eliana | 2013-07-25

2

Ich glaube nicht, dass es funktionieren wird. Was Sie brauchen, ist ein plugin wie imagemapster — es ist ziemlich einfach einzurichten und zu verwenden, und Sie können eine Menge wirklich nette Sachen mit.

Es löst das problem.

InformationsquelleAutor pingin

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.