Html CSS边框在firefox上不起作用

有人能告诉我为什么这个奇怪的代码不适用于firefox，但适用于chrome和safari吗？有什么想法吗？我尝试了我所知道的一切，但我不能我希望你

代码

html

---

预览：www.nevisu.co.uk

有趣的bug，overflow的行为很愚蠢。试试这个：

@-moz-document url-prefix() {
.logo_intro {
    overflow: visible;
}

应仅在firefox中更改溢出的值

添加位置：相对于。徽标介绍和宽度：100%相对于。旋转。见下文：

.logo_intro {
    position: relative; /* Added */
    margin: 0px auto;
    overflow: hidden;
    background: #fff;
    opacity: 0.9;
    width: 35%;
}

.rotation {
    position: absolute;
    width: 100%; /* Changed  */
    margin: -10px auto 0px -10px;
    overflow: hidden;
    z-index: -1;
    animation-name: rotate;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-position: center center;
}

---

您需要告诉我们您想要什么，并制作一个JSFIDLE，因为我在您发布的代码中找不到边框的CSS。在ff中它应该做什么？奇怪。这是贫民区，但修复了它：.logo_intro{outline:200px solid ffffff；}-假设问题是firefox中的图像溢出。对我来说，这是chrome和firefox之间唯一明显的区别。想象一下WebDesign——很抱歉没有JSFIDLE，边框是动画。旋转。Ted-是的，这很有效，但我仍然看到“1px孔宽”你说呢？更新www.nevisu.co.ukhi:ty回复，是的，这和Ted建议的一样。logo_intro{outline:200px solid ffffff；}但在这两种方式中，我仍然看到1px宽的“洞”？更新www.nevisu.co。uk@nevisu你说的1px宽的“洞”是什么意思？也许试试下面我的解决方案，也许它可以去掉这个1px宽的“洞”，而且它也不那么“黑”：@Nick B我试试你的方法，效果也是一样的。。。仍然有“1px孔”-。但现在我看到有时当我刮擦我的浏览器窗口时，这个洞有时会在底部出现下一个洞，我想这都是%fault@nevisu好吧，好吧，希望你能把一切都弄明白。干杯

@-moz-document url-prefix() {
.logo_intro {
    overflow: visible;
}

.logo_intro {
    position: relative; /* Added */
    margin: 0px auto;
    overflow: hidden;
    background: #fff;
    opacity: 0.9;
    width: 35%;
}

.rotation {
    position: absolute;
    width: 100%; /* Changed  */
    margin: -10px auto 0px -10px;
    overflow: hidden;
    z-index: -1;
    animation-name: rotate;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-position: center center;
}