href link funktioniert nicht nach dem Bearbeiten von CSS

Ich versuche, die Website meines Freundes zu aktualisieren, und sie muss die Schaltfläche Genbook halten. Ich habe den Code von ihrer aktuellen Site in den Code kopiert und eingefügt, den ich gerade schreibe, und es funktioniert gut, bis ich versuche, es in CSS zu formatieren. Da ich es unter ihrem Logo zentrieren möchte, muss ich das CSS bearbeiten. Ich verstehe nicht, warum die Bearbeitung des CSS dazu führen würde, dass der Link inaktiv wird.href link funktioniert nicht nach dem Bearbeiten von CSS

Live-Vorschau in Firefox: aktiv und unformatiert active link, without CSS (notice mouse cursor)

Live-Vorschau in Firefox: inaktiv und formatiert inactive link, with CSS (notice mouse cursor)

#genbook { 
 
    position: absolute; 
 
    top: 210px; 
 
    left: 50px; 
 
}

<div id="genbook"> 
 
    <script src="https://www.genbook.com/bookings/booknowjstag.action?id=30216717&size=medium"></script> 
 
    <noscript> 
 
    <a href="https://www.genbook.com/bookings/slot/reservation/30216717?bookingSourceId=1000"> 
 
     <img src="https://www.genbook.com/bookings/images/booknow-button-medium.png" width="150" height="50" alt="Make an Online Appointment" border="0"> 
 
    </a> 
 
    <br> 
 
    <a href="http://www.genbook.com" style="font-size:10px;"></a> 
 
    </noscript> 
 
</div>

Jetzt bin ich noch mehr verwirrt! Es scheint an Codepen und Code Snippet zu arbeiten. Also ... warum würde es in der Vorschau funktionieren und dann nicht in der Vorschau funktionieren?

Neue Frage: Woher weiß ich, ob es wirklich funktioniert?

Quelle

2016-06-22 SporeSociety

höchstwahrscheinlich ein Z-Index Problem, deckt etwas den Link –

den Kommentar oben Nach nur das Element in der Browser-Konsole (rechte Maustaste) inspizieren. Dort können Sie sehen, ob etwas in die Quere kommt. – melancia

@DerekS Nun, da Sie beide es erwähnen, ist es wahrscheinlich, was es ist, seit ich versuche, eine Hintergrund-Slideshow (die auch nicht funktioniert) auf der ganzen Seite (siehe Beispiel-Website asula com). Ich bin mir nicht sicher, wie ich das beheben soll ... Ich muss den Knopf irgendwo anders hinstellen. Vielen Dank! :-) – SporeSociety

Ihr Code, Sie postete, war in einem <noscript></noscript> Tag und <script src="https://www.genbook.com/bookings/booknowjstag.action?id=30216717&size=medium"></script> geladen einen anderen Code in Ihr DOM, was nicht funktioniert hat. Sie können es am Noscript entfernen und es wird funktionieren.

#genbook { 
 
    position: absolute; 
 
    top: 210px; 
 
    left: 50px; 
 
}

<div id="genbook"> 
 
    <a href="https://www.genbook.com/bookings/slot/reservation/30216717?bookingSourceId=1000"> 
 
     <img src="https://www.genbook.com/bookings/images/booknow-button-medium.png" width="150" height="50" alt="Make an Online Appointment" border="0" /> 
 
    </a> 
 
</div>

Quelle

2016-06-22 18:54:19

href link funktioniert nicht nach dem Bearbeiten von CSS

Antwort

Verwandte Themen