bestimmte Datei vom CSS ausschließen

ABSN · 7. Mai 2018

Guten Morgen

Wir kann ich mit der Anweisung

@media (max-width: 1022px) {

xxxx {

display: none !important;

}

}

eine einzelne Bilddatei ansprechen, ohne, dass diese eine bestimmte Klasse oder ID hat?

Vorab danke für die Antworten!

basti1012 · 7. Mai 2018

he????

Ohne id oder klassen kannst du noch über tags ansprechen zb IMG und co

ABSN · 7. Mai 2018

Kann ich auch die URL angeben? Das Problem ist, dass ich mit einem CSS Code angewiesen habe, dass sämtliche Bilder responsive sein sollen. Aber eben dieses eine, was als Hintergrund fungiert, nicht. Nun macht er aber das auch responsive und deshalb möchte ich es ganz ausschließen, wenn die Browserbreite von 1022 Pixeln unterschritten wird.

Arne Drews · 7. Mai 2018

Code

IMG[src="https://www.example.com/foobar"] { ... }
IMG[src^="https://www.example"] { ... }
IMG[src*="/foobar"] { ... }

Nur als Beispiel

ABSN · 7. Mai 2018

Meinst du so?

@media (max-width: 1022px) {

img[scr="http://www.fewos-usedom.-de/beispieldatei.jpg"] {

display: none !important;

}

Arne Drews · 7. Mai 2018

Das solltest Du uns beantworten können, ausprobiert?

Sofern die Domain korrekt ist ( sehe da mindest. einen potentiellen Fehler! ), sollte das funktionieren.

Sonst poste mal den <img>-Tag

ABSN · 8. Mai 2018

leider hat das nicht funktioniert.

Arne Drews · 8. Mai 2018

Ja und nu???

Zitat von Arne Drews

Sonst poste mal den <img>-Tag

ABSN · 8. Mai 2018

in der CSS steht:

Code

BODY { font-size: 10pt; color: rgb(0,0,0); background-attachment: fixed;
	background-position : top;
	background-image : url( "./insel-usedom-ferienwohnungen-ferienhaeuser-ostsee.jpg" );

Arne Drews · 8. Mai 2018

Was verstehst Du denn daran nicht???

Zitat von Arne Drews

Sonst poste mal den <img>-Tag

Hilf uns, Dir zu helfen!

HTML ist gemeint, nicht CSS

ABSN · 8. Mai 2018

im HTML steht nichts. das ist ja das komische. Die Seite erhält die Backgroundimage Anweisung aus der CSS Datei

Arne Drews · 8. Mai 2018

Wenn es im HTML kein Bild gibt, worauf willst Du dann referenzieren?

ABSN · 8. Mai 2018

ja, da hast du auch wieder recht. Hmm...

Dann muss ich das in der CSS einarbeiten

basti1012 · 8. Mai 2018

ich versthe das irgendwie so das er ab einer bestimmten Breite vvon 1022 pixel sein Bild nicht mehr reponsiv sein soll ,ist das richtig ?

Dann setz das Bild über media queries auf display none oder vergebe dann eine Feste Breite ,oder was auch immer passieren soll

Arne Drews · 8. Mai 2018

Warum?

Du willst scheinbar, wie in #9 einfach nur den Background entfernen ab einer bestimmten Display-Größe?

Dann setz doch in Deine media einfach die background-image Eigenschaft auf none:

Code

@media (max-width: 1022px) {

    BODY { background-image:none; }

}

ABSN · 8. Mai 2018

Arne, genau! Das meine ich! So soll es sein. Es soll auf Handys z.B. nicht zu sehen sein.

ABSN · 8. Mai 2018

Habe es versucht. Er zeigt die Bilddatei des Hintergrundes nach wie vor an.

Arne Drews · 8. Mai 2018

Beim CSS musst die die Priorität beachten. Die media gehören als letztes definiert. Auch die "Ansprache" der Elemente hat eine Priorität im CSS.

Sollte es dennoch Probleme geben, kannst Du !important verwenden, allerdings ist es immer die klügere Lösung, die Reihenfolge einzuhalten.

CSS

BODY { background-image:none !important; }

ABSN · 8. Mai 2018

Es funktioniert leider nicht.

Ich habe ein Element, welches allerdings eine Klasse hat:

@media (max-width: 1022px) {

.dv {

display: none !important;

}

}

Aber bei dem Backgrount funktioniert es nicht.

Arne Drews · 8. Mai 2018

Herzilein... Wenn Du doch ein Element mit einer Klasse hast, warum konntest Du mir bisher den HTML-Code nicht präsentieren?!

Kann es sein, dass Du selbst nicht weißt, was Du da tust???

bestimmte Datei vom CSS ausschließen

Jetzt mitmachen!

Teilen

Tags