Problem mit Link -Styling -Fehlern in ASP.NET MVC
-
19-09-2019 - |
Frage
Ich habe eine ASP.NET -MVC -Anwendung mit a JQuery Treeview und ein JQuery Splitter drin. An der Oberseite befindet sich ein Kopfball. Darunter ist der Splitter gewohnt Trennen Sie den Raum in zwei Divs. Die linke Div enthält die Baumsicht, und der richtige Div enthält den Inhalt.
Ich habe ein Stylesheet nur für den Inhaltsbereich. Das gesamte Styling ist vorangestellt #Content
, und das Div, das den Inhalt enthält, ist id="Content"
. In diesem Stylesheet habe ich das gestylt <a>
Links so, dass Sie sind nicht unterstrichen, wenn Sie nicht über sie schweben.
Normalerweise habe ich eine Tabelle in den Inhaltsbereich eingelegt, um einige Daten im Netzstil anzuzeigen. Innerhalb des Rasters befindet sich eine Linksspalte, um Details anzuzeigen.
Hier ist das Problem. Meisten a:link
Stil; Sie werden auf der ersten Anzeige unterstrichen und unterstrichen, ob sie überstrichen sind oder nicht.
Dies geschieht nur, wenn die Seite aus der ASP.NET -MVC -Anwendung herausgeführt wird. Ich verwende den Entwicklungs -Webserver in Visual Studio (Cassini) zum Testen. Wenn ich den Browser anzeige/Quelle, speichern Sie die Seite auf meinem Desktop und fixieren Sie die Links zu den JQuery -Skripten und den Style -Laken und anzeigen Sie die Seite im Browser, indem Sie auf die so gespeicherte Seite klicken, das Problem nicht auftritt.
Ich habe sowohl Internet Explorer 7 als auch die neueste Version von Firefox sowie die Links ausprobiert Genau auf die gleiche Weise versagen, aber nur beim Ausführen der tatsächlichen Anwendung. Alle Styling -Arbeiten außer auf <a:link>
in dem #Content
div.
Hat jemand diese Art von zufälligen Link -Styling -Fehlern schon einmal gesehen? Ich bin ratlos. Ich verstehe nicht, warum die Seite wie angekündigt funktionieren würde, wenn ich sie aus dem Browser heraus speichere und sie erneut öffne, aber sie wird nicht aus der Anwendung funktionieren, unabhängig vom Browser.
Lösung
Behoben durch Hinzufügen a:visited { text-decoration:none }
In den Inhaltsbereich Stylesheet und das Löschen des Browser -Cache.
Andere Tipps
Hat die JQuery -Benutzeroberfläche CSS -Dateien oder Inline -CSS, die von den JQuery -Funktionen selbst generiert werden? Es ist wahrscheinlich, dass die Verbindungen mit Problemen eine andere Kaskadensignatur haben, und deshalb gilt Ihr CSS nicht. Verwenden Firebug So überprüfen Sie die CSS -Selektoren.