Aktives Mitglied
Hallo,
vielleicht findet ja von euch jemand den Fehler, ich kann leider nichts auffälliges erkennen.
Es geht um folgenden Code:
Der Code ist hier kopiert worden. Ich habe lediglich die Hex-Farben durch RGBA ersetzt um eine Transparenz zu bekommen. Jetzt wird alles was in meine CSSDatei nach dem Code für den Background-Gradient steht nicht mehr aufgeführt. Kopiere ich den jeweiligen Code davor, läuft alles fabelhaft.
Hat jemand eine Ahnung woran das liegen kann? Laut Notepad++ ist alles in Ordnung, zumindest stimmt das Syntax-Highlighting, was bei einem Syntaxfehler (fehlende Klammern oder Semikolon) eigentlich nicht der Fall sein sollte.
Ich danke zumindest schonmal im Voraus.
vielleicht findet ja von euch jemand den Fehler, ich kann leider nichts auffälliges erkennen.
Es geht um folgenden Code:
Code:
{width: 640px;
min-height: 600px;
border: 1px solid rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.8), inset 0 0 3px 0 rgba(255,255,255,1);
box-shadow: 0 0 7px 0 rgba(0,0,0,0.8), inset 0 0 3px 0 rgba(255,255,255,1);
margin: 20px 10px 20px 10px;
padding: 5px;
background: #bcbcbc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(188,188,188,0.75) 0%, rgba(229,229,229,0.75) 10%, rgba(229,229,229,0.75) 90%, rgba(188,188,188,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,188,188,0.75)), color-stop(10%,rgba(229,229,229,0.75)), color-stop(90%,rgba(229,229,229,0.75)), color-stop(100%,rgba(188,188,188,0.75)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(188,188,188,0.75) 0%,rgba(229,229,229,0.75) 10%,rgba(229,229,229,0.75) 90%,rgba(188,188,188,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(188,188,188,0.75) 0%,rgba(229,229,229,0.75) 10%,rgba(229,229,229,0.75) 90%,rgba(188,188,188,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(188,188,188,0.75) 0%,rgba(229,229,229,0.75) 10%,rgba(229,229,229,0.75) 90%,rgba(188,188,188,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(188,188,188,0.75) 0%,rgba(229,229,229,0.75) 10%,rgba(229,229,229,0.75) 90%,rgba(188,188,188,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-8 */
}
Der Code ist hier kopiert worden. Ich habe lediglich die Hex-Farben durch RGBA ersetzt um eine Transparenz zu bekommen. Jetzt wird alles was in meine CSSDatei nach dem Code für den Background-Gradient steht nicht mehr aufgeführt. Kopiere ich den jeweiligen Code davor, läuft alles fabelhaft.
Hat jemand eine Ahnung woran das liegen kann? Laut Notepad++ ist alles in Ordnung, zumindest stimmt das Syntax-Highlighting, was bei einem Syntaxfehler (fehlende Klammern oder Semikolon) eigentlich nicht der Fall sein sollte.
Ich danke zumindest schonmal im Voraus.