Ich versuche, Hintergrund-Bild - und Hintergrund-Größe-Eigenschaften in einer shorthanded Hintergrundeigenschaft zu mischen. Basierend auf W3C Dokumentation Hintergrund-Größe sollte nach Hintergrund-Position-Eigenschaft getrennt mit einem Schrägstrich () kommen. Ist gleichbedeutend mit: MDN sagt dasselbe. Ich fand auch dieses und diesem Artikel über shorthand CSS3 Hintergrund-Eigenschaft, die dieses erklären. Aber das funktioniert nicht. Es ist auch nicht klar, wie man eine Kurzschrift-Hintergrundeigenschaft macht, wenn Hintergrundgröße und Hintergrundposition zwei verschiedene Werte für Hintergrundposition-x und Hintergrundposition-y oder die gleiche Sache für Hintergrundgröße haben. Es ist nicht klar, wie der Schrägstrich () stattfindet Dieses Beispiel funktioniert nicht in meinem Chrome 15. Beispiel Ich habe versucht, eine Abkürzung zu machen ist dieser CSS-Code: Ein sauberer Beispiel Nur eine Notiz als Referenz: Ich habe versucht, Kurzschrift wie folgt zu tun: Aber iPhone Safari-Browser werent zeigt das Bild korrekt mit einem festen Positionselement. Ich habe nicht mit einem nicht-fixierten, weil Im faul. Ich musste die CSS zu whats unten wechseln, wobei darauf geachtet, um Hintergrund-Größe nach dem Hintergrund-Eigenschaft. Wenn Sie diese in umgekehrter Reihenfolge vornehmen, wird der Hintergrund auf die ursprüngliche Größe des Bildes zurückgesetzt. So allgemein würde ich vermeiden, die Kurzschrift, um Hintergrund-Größe. Beantwortet Aug 29 13 um 14:59 Same hier auf Android 4.1.2 Stock Browser ndash Paolo Priotto Mar 13 14 um 17:58 antworten Sie müssen Vendor Präfixe verwenden, um verschiedene Browser zu unterstützen und daher nicht verwenden können Es in der Stenografie. Beantwortet Oct 23 11 at 5:49 Dies ist nicht korrekt. Ich don39t müssen Vendor-Präfix verwenden, wenn ich don39t Unterstützung alten Browsern ndash Mohsen Oct 23 11 at 5:58 Dieser Verkäufer Präfixe noch funktionieren und einige Browser haben erst vor kurzem fallen gelassen. Ndash Moin Zaman Ihre Antwort 2017 Stack Exchange, IncBy Sara Cope Zuletzt aktualisiert am 17. Februar 2015 Hintergrund Die Hintergrund-Eigenschaft in CSS ermöglicht es Ihnen, den Hintergrund eines Elements (was malt unter dem Inhalt in diesem Element zu steuern ). Es ist eine shorthand-Eigenschaft, was bedeutet, dass es Ihnen erlaubt, zu schreiben, was wäre mehrere CSS-Eigenschaften in einem. Wie folgt aus: Der Hintergrund besteht aus acht weiteren Eigenschaften: Sie können jede beliebige Kombination dieser Eigenschaften in fast jeder beliebigen Reihenfolge verwenden (obwohl die Reihenfolge, die in der Spezifikation empfohlen wird, oben ist). Es gibt einen gotcha zwar: alles, das Sie nicht in der Hintergrundeigenschaft spezifizieren, wird automatisch auf seine Rückstellung eingestellt. Also, wenn Sie so etwas tun: Der Hintergrund wird transparent sein, anstatt rot. Der Fix ist aber einfach: definieren Sie Hintergrundfarbe nach Hintergrund. Oder verwenden Sie einfach die Kurzschrift (z. B. Hintergrund: url (.) Rot) Mehrere Hintergründe CSS3 hinzugefügt Unterstützung für mehrere Hintergründe, die über die Oberseite von einander. Jede Eigenschaft, die sich auf Hintergründe bezieht, kann eine durch Kommas getrennte Liste wie folgt ausführen: Jeder Wert in der durch Kommas getrennten Liste entspricht einer Ebene: der erste Wert ist die oberste Ebene, der zweite Wert die zweite Ebene und die Hintergrundfarbe immer die Letzte Schicht. Browser Support Support variiert zwischen den verschiedenen spezifischen Eigenschaften, und jeder entsprechende Artikel in der Almanach hat einzigartige Browser-Support-Notizen. Grundlegende einfarbige Hintergründe und einzelne Bilder funktionieren überall, und alles, was nicht unterstützt wird, fällt nur auf die nächste beste Sache, ob das ein Bild oder eine Farbe. Per Rhys8217 Kommentar, würde ich gerne sehen diesen Artikel aktualisiert für mehrere bg Bilder, mit Farbverläufen, und auf Retina-Display. Derzeit, I8217m mit einem Problem, weil, wenn ich mehrere Bilder im Hintergrund haben kann, kann ich nur scheinen, um eine Hintergrund-Größe. Auch die Einstellung der Hintergrundgröße auf eine Steigung bewirkt, dass der Gradient die Hälfte des Raums füllt (und die Einstellung der Farbe auf 200 tut, scheint nichts zu tun.) Wenn ein Designer eine Schaltfläche mit einem BG-Gradienten und einem Symbol erstellt, muss ich Ich habe die Möglichkeit, mehrere Objekte mit bg-Bildern anstelle eines Objekts mit mehreren bg-Bildern zu erstellen. Natürlich, sobald ich den oben genannten Kommentar gepostet habe, habe ich festgestellt, dass ich mehrere Hintergrundgrößen (kommagetrennte) machen könnte Gut, entweder diese Informationen hier oder in einem anderen Artikel enthalten.
No comments:
Post a Comment