Question

所有css 3形状都不能在Firefox中正确呈现颜色吗？我用过这台发电机 http://apps.eky.hk/css-triangle-generator/ 制作一个三角形，但我注意到使用大值时，Firefox中的边缘模糊，所以我需要使用border-style：inset使边框完全清晰...但是如果你使用border-syle：inset我也注意到了Firefox上的颜色变成了pantone，或严重去饱和。在Chrome中颜色很好。无论如何要改正Firefox中的颜色吗？

border-width: 0 0 351px 5527px;
border-color: transparent transparent #ff0000 transparent;
border-style:inset;

http://jsfiddle.net/P94fm/2/

在这个小提琴中你可以看到FF（在PC上！）颜色不是红色，而是去饱和。在Chrome中它很好。如果你取下边框样式：插入颜色在FF中再次变为红色但顶部边框变为阴影/渐变/不锋利

Answer 1

实际上，这就是FireFox的设计者有意设置的方式。 Firefox以不同于其他浏览器的方式呈现它（就像大多数浏览器一样），在这种情况下以不太理想的方式

没有办法使用CSS或javascript，我能想到哪些会增加红色的亮度，而不会影响红色上方的其他空间

虽然我不知道直接修复，但你可以通过仅在FireFox中接受一点模糊来消除淡淡的颜色，并通过使用以下javascript在其他浏览器中完美地工作

if(navigator.appCodeName == "Mozilla")
    document.querySelectorAll("div")[0].style.borderStyle = "solid";

我所知道的唯一其他工作是使用不同的方法来创建您想要的设计，最有可能是图像，<canvas>或SVG。所有这些都是解决问题的可靠方法，但如果所有浏览器以相同方式呈现CSS，

css 3适用于所有浏览器的形状校正

1 个答案: