Antworten auf deine Fragen:
Neues Thema erstellen

CSS wird nicht weiter ausgeführt

dn3d_fanboy

Aktives Mitglied

Hallo,
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.
 

Matte

Nicht mehr ganz neu hier

Ich sehe das rgba zwar zum ersten mal, aber in Beispiel-Codes die ich mir grade angucke, steht in der CSS überall "color:rgba(xxx, xxx, xxx, xxx);".

Im Notepad++ wird der Code dadurch auch erst richtig eingefärbt.

Liegt's evtl. daran?

Gruß

Matte
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben