Hallo. Ich habe das Problem, dass Farbverläufe im Browser bei mir extrem stufig dargestellt werden. Sowohl im Chrome (aktuellster), als auch im Internet Explorer (10).
Die Stufen kommen in regelmäßigen Abständen, das heißt die anzahl der Stufen bleibt gleich, wenn ich den Verlauf "in die länge" ziehe.
Zunächst mein HTML-Code:
HTML
<!DOCTYPE html>
<html>
<head>
<meta content="charset=UTF-8">
<style>
*
{
margin: 0;
padding: 0;
}
div#farbverlauf
{
height: 300px;
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EEEEEE 100%);
}
</style>
<title>
Farbverlauf
</title>
</head>
<body>
<div id="farbverlauf"></div>
</body>
</html>
Alles anzeigen
Nun schaut euch bitte die Bilder an.
Bild:
- Stufiger Farbverlauf bei draufsicht (Screenshot)
- Stufiger Farbverlauf von unten fotografiert, stufen eindeutig sichtbar
- korekkter Farbverlauf mit Gimp gezeichnet zum vergleich
Was ich bereits Unternommen habe:
- Anzeigeoptionen in Windows 8 (pro) durchgeschaut
- visuelle Effekte auf das maximum gestellt
- grafiktreiber neu installiert (auch ältere versionen) (btw.: ich habe eine GTX 660 Ti)
Aber an der Grafikkarte liegt es vielleicht auch garnicht, da Gimp korrekte Farbverläufe anzeigen als auch erstellen kann. PS: Das Bild mit dem korrekten Farbverlauf wird in beiden Browsern korrekt angezeigt.
Vielen Dank im voraus!!!