Apple-Background

Allgemeine Fragen
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Apple-Background

Ungelesener Beitrag von stobi_de »

Heute mal wieder Fragestunde.
Ich habe beim Steuerberater (Projekt wurde ohne Begründung von der Sekretärin abgelehnt und ist daher nur noch Lernprojekt für mich) dieses Safaritaugliche Background-fixed workarround eingebaut

Code: Alles auswählen

& when (@bg-type = 'image') {
  :after {
    content: "";
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    right: 0;
    z-index: -10;
    background-image: url(@bg-value);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
  }
}
Nun habe ich in dem Block ja auch das Logo an der linken Seite eingesetzt.
Dieses hat nun auch diesen Hintergrund. Das :after hängt sich daran.
Keine Ahnung, wie ich das weg bekomme.

Ich weiß, dass es eine andere Technik für das Safari-Problem gibt, würde aber gerne dieses hier in den Griff bekommen.

Frank
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Apple-Background

Ungelesener Beitrag von Tommy Herrmann »

... sorry - da kann ich persönlich jetzt so nichts zu sagen.

aber das

Code: Alles auswählen

:after { 
   CSS bleibt stehen
}
... kannst Du doch einfach löschen - oder wie oder was?

Hast Du die "Steuerberater" Seite mal am Handy angesehen? Vielleicht ist das der Grund der Ablehnung :confused:

Da ist diese etwas missglückt. Es gibt, insbesondere durch diese "Beschriftungsbalken", halbe Köpfe mit abgeschnittenen Gesichtern - komische Leerräume und ein ganz komisches Hintergrundbild am FAQ-Akkordeon.
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Apple-Background

Ungelesener Beitrag von stobi_de »

Habe ja dazu geschrieben, dass die Seite in der ersten Entwurfsphase nur am PC OK ist, die Handy-Version wird erst nach Auftragsvergabe angepasst.
Das kaputte "Schmucklogo" haben sie nicht gesehen.

Das :after müsste dann für dieses Schmuckelement gelöscht werden, aber das klappt nicht

Code: Alles auswählen

.logo-schmuck {
  position: absolute;
  transform: scaleX(-1);
  bottom: -5rem;
  left: 0px;
  width: 10%;
  z-index: 1;
  opacity: 1;
  img:after{
    display: none!important;
    background-image: green!important;
  }
}
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Apple-Background

Ungelesener Beitrag von Tommy Herrmann »

... sorry - theoretisch kann ich das nicht und praktisch kann ich das ::after am Debugger nicht entfernen, oder weiß nicht wie.

... denn auf der Seite steht es im Moment noch so:

Code: Alles auswählen

.cid-txltH5dgBe ::after {
  content: "";
  position: fixed;
  top: 0;
  height: 100vh;
  left: 0;
  right: 0;
  z-index: -1;
  background-image: url("../../../assets/images/adobestock-194569455.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top center;
}
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Apple-Background

Ungelesener Beitrag von stobi_de »

So, falls hier jmd. mal über das Problem stolpern sollte:
Die Elemente, die im entsprechenden Block stehen, müssen eine Klasse myback bekommen.

Code: Alles auswählen

.myback:after {
  background-image: none!important;
  background: transparent!important;
}
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Apple-Background

Ungelesener Beitrag von Tommy Herrmann »

wat ist denn die

class="myback"

:confused:
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 23 Gäste