mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 23:34 Benutzername: Passwort: Auto-Login

Thema: css background image beim ersten aufruf vom 09.04.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> css background image beim ersten aufruf
Autor Nachricht
xjonx
Threadersteller

Dabei seit: 26.05.2006
Ort: NRW
Alter: -
Geschlecht: Männlich
Verfasst Do 09.04.2009 09:13
Titel

css background image beim ersten aufruf

Antworten mit Zitat Zum Seitenanfang

meine lieben freunde,

ich stehe hier vor einem wahnsinnig gescheuertem problem - wo ich mich frage, ob man das überhaupt
beeinflussen kann, oder nicht.

ich habe ein dropdown menü das folgend auf gebaut ist:
Code:
<ul>
   <li>Menupunkt</li>
   <li>
      Menupunkt mit Dropdown
      <ul>
         <li>Dropdown Menupunkt</li>
         <li>Dropdown Menupunkt</li>
         <li>Dropdown Menupunkt</li>
      </ul>
   </li>
</ul>


dazu gibt es quasi halt das übliche css
Code:
ul li ul {
   display: none;
   background: transparent url('background.png') no-repeat ;
}
ul li:hover ul {
   display: block;
}


nebenbei: ich hab den code mal eben zusammengeschrieben, nur zum veranschaulichen.

nun hab ich folgendes problem, was es halt zu bewerkstelligen gibt:
wenn ich das allererste mal auf die seite komme und das dropdown "aktiviere", wird das
hintergrund immer erst mit einer verzögerung dargestellt. und das obwohl ich es gecached
habe - sprich: es ist definitiv im "tempfiles folder" drin ...

bin ich nu zu dösig oder geht das nun mal nicht?

grüße,
jon


Zuletzt bearbeitet von xjonx am Do 09.04.2009 09:58, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 09.04.2009 09:48
Titel

Antworten mit Zitat Zum Seitenanfang

vielleicht bringt es was, wenn du es nicht erst im hover deklarierst. es schadet ja nicht, es schon im geschlossenen zustand zu setzen... versuchs mal:

Code:

ul li ul {
   display: none;
   background: transparent url('background.png') no-repeat ;
}
ul li:hover ul {
   display: block;   
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
xjonx
Threadersteller

Dabei seit: 26.05.2006
Ort: NRW
Alter: -
Geschlecht: Männlich
Verfasst Do 09.04.2009 10:00
Titel

Antworten mit Zitat Zum Seitenanfang

hab ich gerade auch schon mal im main post geändert.
hatte das, leider ohne effekt, schon umgeschrieben...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Do 09.04.2009 10:12
Titel

Antworten mit Zitat Zum Seitenanfang

Nach meinen Erfahrungen gibt es 2 Lösungen um dieses Problem zu beheben:

Lösung 1:
Du legst hinter deine Navigation noch ein Bild von der Navigation im Normalzustand. Das führt dazu, dass bei einem verzögerten Laden des neuen Bildes deines Menüpunktes dieses zwar nicht sofort dargestellt wird, man aber trotzdem den im Hintergrund liegenden Normalzustand sieht.


Lösung 2:
Eine (etwas dreckige) .htaccess in deinem Document-Root mit folgendem Inhalt:

Code:
BrowserMatch "MSIE" brokenvary=1
BrowserMatch "Mozilla/4.[0-9]{2}" brokenvary=1
BrowserMatch "Opera" !brokenvary
SetEnvIf brokenvary 1 force-no-vary
ExpiresActive On
ExpiresDefault A18000
ExpiresByType image/gif A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/png A2592000
  View user's profile Private Nachricht senden
xjonx
Threadersteller

Dabei seit: 26.05.2006
Ort: NRW
Alter: -
Geschlecht: Männlich
Verfasst Do 09.04.2009 10:20
Titel

Antworten mit Zitat Zum Seitenanfang

ich hab deinen ansatz jetzt etwas anders genutzt ...
ich mach jetzt anstatt des display:none/block einfach
ein position left: -999em/0 ... so wird es regulär geladen
und dann nur noch rübergezogen ...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Do 09.04.2009 11:15
Titel

Antworten mit Zitat Zum Seitenanfang

xjonx hat geschrieben:
ich hab deinen ansatz jetzt etwas anders genutzt ...
ich mach jetzt anstatt des display:none/block einfach
ein position left: -999em/0 ... so wird es regulär geladen
und dann nur noch rübergezogen ...


Das flackert aber in der Regel im IE trotzdem. Sinnvollerweise solltest du für sowas wie die Navigation auch sprites verwenden und nur die position des Hintergrundbildes ändern.
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS background-image
[CSS] Background-image INE
[CSS] alt-tag für background-image?
CSS background-image mit em ?
background-image & FF
IE: Transparentes PNG im background-image
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.