CSS条纹在Microsoft Edge浏览器中显示异常问题求助

Hey, let's sort out this Edge display issue with your striped background. The problem boils down to a tiny typo in your color values that's throwing off Edge's gradient parser!

First, let's look at your original code:

.post_regular.custom_lf { background: repeating-linear-gradient( 130deg, #2C4632, #2C4632 5px, #26315D 5px, #26313D 10px ); }

Notice how you used #26315D as the third color stop, but accidentally wrote #26313D for the final stop? Chrome and other modern browsers are a bit more forgiving with this kind of inconsistency, so they still render the alternating stripes correctly. But Edge's gradient handling is stricter—this mismatched color value breaks the repeating pattern entirely, leading to the messed-up display you're seeing.

Here's the corrected code with matching color values:

.post_regular.custom_lf { 
  background: repeating-linear-gradient(
    130deg,
    #2C4632,
    #2C4632 5px,
    #26315D 5px,
    #26315D 10px
  ); 
}

Once you fix that typo, Edge will render the 5px alternating stripes just like Chrome does—each color block lines up properly, and the repeating gradient works exactly as intended.

内容的提问来源于stack exchange，提问作者user9829043