Edge - izrezbarene ivice kada se koristi transform

Stručne teme
#1

Iz dana u dan shvatam da je ovaj Edge skoro pa isto sranje kao IE.

Uglavnom, za 2 sekcije koristim transform pravilo kako bi napravio taj neki Slope efekat, iskljucivo jer je klijent to trazio.

transform: skewY(-3deg);

Posto koristim Firefox, u njemu sve izgleda normalno, otvorim nakon nekog vremena Google Chrome kad na njemu imam te izrezbarene ivice, kao sto je trenutno problem na Edge-u.Malo guglam i vidim da je neki problem sa webkit browserima te da bi ovo trebalo rijesiti problem.

-webkit-backface-visibility: hidden;

Otvorim Chrome opet i stvarno radi, vratim se u Edge ne radi !?

Zaboravio sam Screenshot

Screenshot_96.png1439×899 554 KB

#2

Dašta da je isto njesra kao i sve IE verzije.
Nikada MS nije napravio normalan preglednik.
i ove nove Lade izgledaju kao WW ali iznutra su ostale Lade.

Ne treba sa tim previše opterečivati, nije na nama da ispravljamo
njihove greške. Jer kada riješiš taj bug, u sljedećim linijama koda češ naletiti na
drugi bug, pa na treći…

#3

Pa da sto ste mislili :smiley:
Nije vam bilo sumnjivo’ kada se pisalo da gase support za IE :smiley:

#4

Sličan sam problem imao nedavno.

Vjerojatno sliku smanjuješ ili povećavaš u ili u css. Pa tu nastaje taj problem, ukoliko je slika “prirodne” veličine onda bude sve ok.

Pokušao sam i sa aliasing ispraviti problem, ali nisam uspio.

Ako naiđeš na riješenje javi.

#5

Nije kod njega slika problem nego IE ne redenria skew kako treba.
A za tvoj probelm (gubitak kvalitete kod promijene dimenzija resterske grafike) nema riješenja osim
improvizacije; Korištenje više različitih dimenzija ili upotreba SVG-a ako je moguče.

#6

Nisam dimenzije uopste dirao, sve je u izvornim dimenzijama.