Definieren Sie CSS, wenn JavaScript nicht aktiviert ist

7

Ich möchte .exampleclass img {height:250px} definieren, wenn Javascript nicht aktiviert ist. Ist das in javascript / jquery sowieso rückgängig zu machen?

    
ThomasReggi 12.01.2011, 05:54
quelle

6 Antworten

14

Sie könnten wahrscheinlich das noscript -Tag von HTML verwenden.

%Vor%

BEARBEITEN : Ich werde mich tatsächlich mit Stephens Antwort als die beste Seite präsentieren. Während das oben genannte funktioniert, ist es möglicherweise nicht gültig / befolgen Sie die Best Practices.

Stephen antwortete:

  

Setzen Sie eine "no-js" -Klasse auf Ihr body-Element und entfernen Sie sie dann mit JS beim Laden und verwenden Sie .no-js im Selektor für Ihr CSS

Die Klasse könnte auch in Ihrem html -Element platziert werden. Dann kann allen Stilen, die angezeigt werden sollen, wenn JavaScript nicht verfügbar ist, das Präfix html.no-js vorangestellt werden, bevor der Selektor anders wäre. Dies ist zum Beispiel die HTML5-Boiler-Platte .

    
Kyle 12.01.2011, 05:56
quelle
8

Setzen Sie eine "no-js" -Klasse auf Ihr body-Element und entfernen Sie sie dann mit JS beim Laden und verwenden Sie .no-js im Selektor für Ihr CSS

    
Stephen 12.01.2011 05:57
quelle
6

Versuchen Sie

%Vor%

Noscript

    
rahul 12.01.2011 05:56
quelle
3

Ich benutze so etwas ...

JavaScript

%Vor%

jQuery

%Vor%

CSS

%Vor%     
alex 12.01.2011 06:00
quelle
3

Am besten nicht mit CSS über JS auf diese Weise zu verwirren. Versuchen Sie Folgendes:

%Vor%     
Fordi 12.01.2011 05:56
quelle
1

Der eleganteste Weg ist, in Ihrem CSS etwas wie:

zu haben %Vor%

und in deinem JS:

%Vor%

, damit die zweite CSS-Regel die erste überschreibt, falls JS aktiviert ist

    
sebarmeli 12.01.2011 06:07
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Ruby On Rails ist langsam ...?