wie Hintergrundbild im div-tag

Ich wollte eine box, die Sie klicken können, auf und werden weitergeleitet zu "#" also dachte ich, das wäre eine gute Idee:

Aber unfortuneatly areamaps konnte nicht verwendet werden, die in div-oder p-tags.: /
Jemand eine Idee, was eine gute Lösung wäre?

  • sorry Links meine code <div style = "background:url(image.jpg)" usemap = "#Karte"> </div> <map> <area href = "#" coords = "20,20,180,180" </map>
  • Ich denke, das ist wahrscheinlich ein doctype.com -Frage.
  • Nicht sicher, aber ich denke usemap ist nur gültig auf Bilder
  • Ja, usemaps kann nicht verwendet werden in tags. nur für Bilder.
  • Und das object-element, aber die Unterstützung von object[usemap] ist schrecklich.
InformationsquelleAutor bee | 2010-07-09
  1. 1

    Dies ist nicht php verwandt, weil seine geschieht in der navigator.
    Javascript statt :

    <div style='background:url(image.jpg)' onclick='function(){document.location.replace="#"}'> </div>
    • Diese Arbeit für die gesamte div-Element nicht angegeben Gegend 🙁
    • Es war nicht klar, Sie wollten ein match-Bereich. Ich denke immer noch javascript ist Ihre Lösung. Eine raw-Methode wäre zu prüfen, die Maus-position des Cursors in der anonym-Funktion, abgestimmt auf das onclick.event. Javascript/jQuery hat eine Funktion zum abrufen der cursor-position, siehe docs.jquery.com/Tutorials:Mouse_Position. Wieder, Sie können überprüfen, dass die wirkliche position des div, deshalb haben Sie die position Ihrer bg Bild. Endlich nur noch zwei Linien der Mathematik mit einer wenn(), um zu überprüfen, ob sich der cursor innerhalb Ihrer bg Bild und umleiten, wenn es ist.
    • es funktioniert vielen Dank 🙂
    • Meine Freude :))
    InformationsquelleAutor bPizzi
  2. 1

    Können Sie tags im div. Können Sie geben diese Kürzel und id oder wenden Sie den Stil in den tag-das style-Attribut. Legen Sie die Stil-tags auf display:block und position den link per position:absolute oder position:relative und die Attribute top:5px und Links:5px. Legen Sie Breite und Höhe, und oben und Links entsprechend.

    InformationsquelleAutor JanD
Schreibe einen Kommentar