zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Transition und html background beissen sich

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.02.2015, 17:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.02.2015
Beiträge: 2
Metal Mickey befindet sich auf einem aufstrebenden Ast
Standard Transition und html background beissen sich

Hallo zusammen

Ich habe das Problem, dass mir die background-farbe, die ich für html bestimmt habe, nicht angezeigt wird! Wenn ich sie lösche und neu erfasse, wird sie kurz angezeigt (in DW CC), dann ist wieder alles weiss (nach etwa 2s).

Das ist mein Code:

HTML-Code:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link href="_css/main.css" rel="stylesheet" type="text/css">
<link 
</head>

<body>

<div class="bubbleWrap">
	<img src="_images/bubble_minimalism.png" alt="minimalism!" title="minimalism!" class="heroImg">
</div>

</body>
</html>
und CSS:

Code:
html {
	background: #d7d7d7;
}

div.bubbleWrap {
	margin: 20%;
}
.heroImg {
	width: 70%;
	margin: 15%;
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-ms-transition: opacity 1.5s ease-in-out;
	-o-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;

}
.heroImg:hover {
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}
Bin für jede Hilfe sehr dankbar!

LG M. Mickey

edit: Ich vermute mal, dass das irgendeinen Zusammenhang mit der transition hat, sonst habe ich ja nichts im Code, deshalb auch der Titel Ich komme aber selber echt nicht weiter...

Geändert von Metal Mickey (18.02.2015 um 17:25 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.02.2015, 23:22
Benutzer
neuer user
 
Registriert seit: 22.04.2014
Beiträge: 75
Toro befindet sich auf einem aufstrebenden Ast
Standard

Wenn ich das teste (mit eigenem Bild) funktioniert das schon. Ist dein Pfad zum Bild denn richtig?
Was ist mit dem offenen <link oben im head?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.02.2015, 23:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.02.2015
Beiträge: 2
Metal Mickey befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Toro Beitrag anzeigen
Wenn ich das teste (mit eigenem Bild) funktioniert das schon. Ist dein Pfad zum Bild denn richtig?
Was ist mit dem offenen <link oben im head?
Hallo Toro

Vielen Dank für deine Rückmeldung.
Das mit dem link hab ich auch noch entdeckt und korrigiert, hatte keinen Einfluss.
Ich kanns mir nur so erklären, dass DW irgendwie einen temporären Eigenwillen angenommen hatte Ich bin jetzt nochmals alles ganz neu am machen, und es scheint jetzt auch bei mir zu klappen!

Nochmals vielen Dank und Gruss
Metal Mickey
Mit Zitat antworten
Antwort

Stichwörter
css, html, opacity, transitions

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Menueleiste anpassen Mulo CSS 1 04.02.2015 11:08
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Probleme mit dem IE (7) - Navigation wunderkind CSS 0 21.04.2010 19:06
Float - Probleme wolf1985 CSS 5 19.08.2008 09:14
Linkverhalten im IE6 ChOpSueY! CSS 19 19.05.2008 23:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:35 Uhr.