Hexagon

[Jonas]

Hallo zusammen!

Ich beschäftige mich erst seit ein paar Wochen mit der HTML und CSS Codierung und bin deswegen noch nicht richtig in der Materie. Bei dem folgenden Problem stoße ich an meine Grenzen: Ein Photo liegt über (z-index) einem Hexagon bestehend aus drei Rechtecken. Das gesamte Photo ist sichtbar. Nun soll es so formatiert werden, dass nur noch die Fläche oberhalb des Hexagons für den Benutzer sichtbar ist. Gibt es dafür einen Befehl oder irgendeinen Trick?

Danke im Voraus!