Regina Schaukrug: Probleme mit use

Beitrag lesen

Versuchs doch mal selbst. Bau 3 SVG-Bereiche mit je einem "Haus" (Das ist schon der erste Unterschied: Du hast genau einen SVG-Bereich mit 3 Elementen). Die sollen skalierbar sein, durch die Zuweisung zu einer CSS-Klasse Farben erhalten und auf :hover reagieren.

Mit der use-methode übernimmt Firefox in meinem fehlgeschlagenem Versuch stets die Farbe des ersten Symbols, Chromium findet keine und machts einfach schwarz. Firefox reagiert auf :hover, Chromium nicht. Und skalierbar sind die Dinger auch nicht.

Der Effekt tritt auf wenn ich das gesamte <svg> importiere und wenn ich das <g> importiere.

Also: was mach ich falsch?

0 63

Icon, png mit transperenten Hintergrund mittels CSS färben

Clarissa
  • css
  1. 0
    beatovich
  2. 0
    Robert B.
    • css
    • svg
  3. 0
    beatovich
    1. 0
      Gunnar Bittersmann
      1. 0
        beatovich
        1. 1
          Linuchs
          1. 0
            Regina Schaukrug
  4. 0
    Regina Schaukrug
    1. 0
      Gunnar Bittersmann
      1. 0
        Clarissa
        1. 0
          Regina Schaukrug
          1. 0
            Gunnar Bittersmann
            1. 0

              SVG mittels CSS färben

              Regina Schaukrug
              • css
              • svg
              1. 0

                Icon, png mit transperenten Hintergrund mittels CSS färben

                Matthias Apsel
                • meinung
                • zu diesem forum
                1. 0
                  Regina Schaukrug
              2. 0
                Robert B.
                1. 0
                  Regina Schaukrug
                  1. 0
                    Robert B.
                    1. 0
                      Regina Schaukrug
                      1. 0
                        Robert B.
                    2. 1
                      Gunnar Bittersmann
                      1. 0
                        Regina Schaukrug
                        1. 0

                          Probleme mit use

                          Regina Schaukrug
                          1. 0
                            Robert B.
                            1. 0
                              Regina Schaukrug
              3. 1
                Gunnar Bittersmann
                1. 0
                  Regina Schaukrug
                2. 6
                  Gunnar Bittersmann
                  • css
                  • html
                  • svg
                  1. 1

                    SVG mittels CSS färben - Das geht (THX!)

                    Regina Schaukrug
                    1. 0
                      Auge
                      1. 0
                        Regina Schaukrug
                        1. 0
                          Auge
                          1. 0
                            Regina Schaukrug
                            1. 0
                              beatovich
                              1. 0
                                Regina Schaukrug
                                1. 0
                                  beatovich
                                  1. 0
                                    Regina Schaukrug
                                    1. 0
                                      beatovich
                                      1. 0
                                        Matthias Apsel
                                        1. 0
                                          beatovich
                                      2. 0
                                        Regina Schaukrug
                                        1. 0
                                          Matthias Apsel
                                          1. 0
                                            Regina Schaukrug
                                        2. 0
                                          beatovich
                                          1. 0
                                            Matthias Apsel
                                2. 1
                                  MudGuard
                    2. 0

                      Version mit externem SVG funktioniert in modernen Browsern

                      Regina Schaukrug
                  2. 5
                    Gunnar Bittersmann
                    1. 0
                      Regina Schaukrug
                      1. 0
                        Gunnar Bittersmann
                      2. 0
                        beatovich
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            beatovich
                    2. 0
                      JürgenB
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          JürgenB
                    3. 0
                      marctrix
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          marctrix
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              marctrix
                    4. 0
                      Gunnar Bittersmann