SVG má bílé místo na vrcholu při změně velikosti prohlížeče

0

Otázka

Když jsem se změnit velikost prohlížeče tenká bílá čára se zobrazí v horní části SVG. Když jsem se změnit velikost stránky znovu, zmizí. Na určité stránky šířkách to se objeví a zmizí. Když jsem otevřít soubor s příponou SVG sám o sobě, nevidím žádné artefakty, jako že. Když jsem se nastavit SVG pozadí je něco šílenýho background: red Vidím, že bílá čára je uvnitř SVG, protože to změní na červenou, a ne nějaký druh hranice nebo artefakt vytvořený sousední div. Jakékoli myšlenky na to, proč by to mohlo být? Zatím jsem jen byl schopen reprodukovat to v Chrome a Microsoft Edge. To vypadá dobře, v FF a Safari.

Toto je stránka SVG je na: https://striveworks.us/careers

zde je příklad:

here's an example of the artifact

css google-chrome javascript reactjs
2021-11-23 16:44:28
1

Nejlepší odpověď

2

Váš problém je s tím, pokud zakážete pozadí přes zkontrolujte, zda-prvky, linie zmizí, ale pak spodní část bude mis-barevné.

svg.careers__AnimatedCurveSVG-sc-1587ytp-2 hwGnAC.hwGnAC {
    background: rgb(244, 242, 246);
}

enter image description here

2021-11-23 16:49:57

Všimněte si, že SVG je další bílá čára zmizí, když jsme rozsahu vektorový obrázek. Navrhuji změnu výšky .hwGnAC prvek >= 9rem jako nižší hodnoty ne opravit uvedl problém.
McRaZick

díky, dívám se na to... říkáš, že bílý prostor je vytvořen, protože původní SVG je mnohem větší? snaží se přijít na to, jak opravit to v SVG sám
raptoria7

ano............
Dean Van Greunen

V jiných jazycích

Tato stránka je v jiných jazycích

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................