在Windows FF中显示边框的CSS透明边框

发布时间：2020-12-14 05:27:33 所属栏目：Windows 来源：网络整理

导读：我正在创建一个CSS三角形,代码： display: block;width: 0px;height: 0px;border-style: solid;border-width: 0px 0px 9px 9px;border-color: transparent transparent rgb(255,255,255);position: absolute;top: 14px;left: 133px; 问题是这个三角形在使用W

我正在创建一个CSS三角形,代码：

display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0px 0px 9px 9px;
border-color: transparent transparent rgb(255,255,255);
position: absolute;
top: 14px;
left: 133px;

问题是这个三角形在使用Windows 7时在Firefox 16.0.2中呈现边框.

FF中三角形的屏幕截图 – 有两个三角形,上下三角形,创造相同的阴影

我检查了MAC的FF,它没有显示三角形的任何边框.

三角形在Chrome,Safari,IE,Opera,MAC和Windows中正确显示

知道为什么会这样吗？

编辑：

你可以在这里查看：https://metrikstudios.com/want/fbapp/triangle-display.php页面显示上面显示的代码,带有一个更大的三角形

解决方法

尝试使用rgba颜色,如下所示：

border-color：rgba(255,0)rgba(255,0)rgb(255,255);

默认边框颜色为黑色,因此这些边框可能是一个奇怪的过渡工件.您将从隐形白色移动到纯白色,而不是从隐形黑色移动到纯白色.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!