Html 可以在Chrome中完美复制的CSS在Firefox中是肮脏的

当应用以下CSS时 Chrome和Chrome衍生浏览器（包括OPERA）可以完美地反映菱形模式，但如果你将其应用于Firefox及其衍生浏览器，它会看起来脏兮兮的

如果你想在Firefox中复制一个漂亮的菱形图案等，你如何修复它

实际插入CSS的页面

我试图将其控制在最低限度，进一步删减了上述“最低要求”代码：

---

然后请单击

[]

代码段编辑器并生成目标页面为yahoo？是的，目标页面为yahoo！，但这不是美国版本，而是日本版本。链接的原因是让其他人更容易理解情况。这是什么意思？目标页面？？？它不是在“实际插入CSS的编辑页面”中传输的吗？

/* Base element */
body{
background-color: #ff3838e3;
color: #0d0d0d;
filter: sepia(30%);
zoom: 95.5%;}
*:not(.barGraph){
font-family: "Meiryo", sans-serif !important;
font-size: 16px;
border-width: 0.1px !important;
border-radius: 10px;
}


/* Code for problems with Firefox and Firefox-derived browsers ↓ */

div#wrapper._1DyDVN-3FsqGF_QKLg1M9G{
background-color: #ff151500;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ffe5e545), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #ffe5e545), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #ffe5e545)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #ffe5e545));
-webkit-background-size:200px 200px;
}

/* Code for problems with Firefox and Firefox-derived browsers ↓ */

body{
background-color: #ff3838e3;
}

div#wrapper._1DyDVN-3FsqGF_QKLg1M9G{
background-color: #ff151500;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ffe5e545), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #ffe5e545), color-stop(.25, transparent), to(transparent)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #ffe5e545)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #ffe5e545));
-webkit-background-size:200px 200px;
}