Grafik soll aktiv bleiben (:active)

[Rolf b]

Habe auch etwas gespielt. Das Ding, das den Fokus bekommt, sollte noch folgende Styles bekommen:

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

Sonst wird es selektiert (mit der entsprechenden Verfärbung), wenn man zu schnell hintereinander draufklickt.

Die Kombination mit der map ist dagegen knifflig, das habe ich überhaupt nicht berücksichtigt. Die liegt ja logisch über dem Image und deshalb kann ich dort, wo Map-Areas sind, das Image nicht anklicken und damit vergrößern.

Aber vielleicht hätte ich den einleitenden Satz von Fieterich, dass :hover nicht tut, nicht so ernst nehmen sollen. Natürlich tut :hover, man muss es nur richtig tun. Als Image hatte ich das SelfHTML Logo drin und die map dafür ausgelegt, das wollte ich nur nicht dauerhaft drinlassen.

Click for Fiddle

Rolf