{"id":148525,"date":"2025-05-19T15:54:47","date_gmt":"2025-05-19T12:54:47","guid":{"rendered":"https:\/\/elementor.com\/help\/registerkarte-stil-hintergrund\/"},"modified":"2025-05-19T15:54:47","modified_gmt":"2025-05-19T12:54:47","slug":"registerkarte-stil-hintergrund","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/de\/registerkarte-stil-hintergrund\/","title":{"rendered":"Registerkarte Stil \u2013 Hintergrund"},"content":{"rendered":"\n

[callout title=“Wer kann diese Funktion nutzen:“]Dieser Artikel ist f\u00fcr Editor v4-Benutzer. Wenn Sie Editor v3 verwenden, lesen Sie den relevanten Artikel hier: Erweiterter Tab<\/a> [\/callout]<\/p>\n\n\n\n

<\/p>\n\n\n\n

Das Hinzuf\u00fcgen eines Hintergrunds zu Elementen ist ein wichtiger Bestandteil jedes Webdesigns. Es kann dazu beitragen, dass das Element hervorsticht, eine M\u00f6glichkeit sein, Text \u00fcber Bilder zu legen oder einfach die Seite besser aussehen lassen. <\/p>\n\n\n\n

Elementhintergr\u00fcnde k\u00f6nnen Farben, Verl\u00e4ufe und Bilder enthalten. Diese Hintergr\u00fcnde k\u00f6nnen mehrere Ebenen enthalten, wodurch Sie verschiedene Effekte erstellen k\u00f6nnen, wie das \u00dcberlagern von Text und Bildern. Einzelheiten finden Sie unter Einen mehrschichtigen Hintergrund hinzuf\u00fcgen<\/a>.   <\/p>\n\n\n\n

Hintergrund zu einem Element hinzuf\u00fcgen<\/h2>\n\n\n\n

So f\u00fcgen Sie einen Hintergrund hinzu<\/strong>: <\/p>\n\n\n\n

    \n
  1. \u00d6ffnen Sie den Elementor-Editor.
    \"\"<\/li>\n\n\n\n
  2. Klicken Sie auf den Style<\/strong>-Tab.
    \"\"<\/li>\n\n\n\n
  3. \u00d6ffnen Sie das Feld Hintergrund<\/strong>. 
    \"\"<\/li>\n\n\n\n
  4. Um eine Farbe hinzuzuf\u00fcgen, klicken Sie auf das Farbfeld oder f\u00fcgen Sie einen Code in das Textfeld ein. Einzelheiten finden Sie unter Den Farbw\u00e4hler verwenden<\/a>. <\/li>\n\n\n\n
  5. Um ein Bild hinzuzuf\u00fcgen:
    \"\"\n
      \n
    1. Klicken Sie auf das Pluszeichen neben Overlay<\/strong>. 
      \"\"<\/li>\n\n\n\n
    2. Fahren Sie mit der Maus \u00fcber das Bildfeld und w\u00e4hlen Sie, ob Sie ein Bild hochladen oder ausw\u00e4hlen m\u00f6chten. Einzelheiten finden Sie unter Bilder und Symbole hinzuf\u00fcgen<\/a>.
      \"\"<\/li>\n\n\n\n
    3. Optionen f\u00fcr das Bild hinzuf\u00fcgen. Siehe  Bildoptionen<\/a> unten.
      \"\"<\/li>\n<\/ol>\n<\/li>\n\n\n\n
    4. Um einen Verlauf hinzuzuf\u00fcgen, w\u00e4hlen Sie Verlauf<\/strong> aus dem oberen Bereich. Siehe Verlaufsoptionen<\/a> unten. <\/li>\n\n\n\n
    5. (Optional) Sie k\u00f6nnen dem Hintergrund weitere Ebenen hinzuf\u00fcgen. Diese Ebenen k\u00f6nnen Farben, Bilder und\/oder Verl\u00e4ufe sein. Einzelheiten finden Sie unter Einen mehrschichtigen Hintergrund hinzuf\u00fcgen<\/a>. <\/li>\n<\/ol>\n\n\n\n

      Bildoptionen<\/h2>\n\n\n\n

      Nachdem Sie ein Bild ausgew\u00e4hlt haben, haben Sie eine Reihe von Optionen, wie dieses Bild angezeigt wird.<\/p>\n\n\n\n