html - 边框和尺寸在 Firefox 中不起作用

Question

几个小时以来，我一直在寻找解决方案，但仍然找不到!我的新个人网站在 webkit 浏览器中运行良好，但格式在 firefox 中出现问题。首先，图片有边框，其次，本来应该是三张的，每行只有两张。我用于内容的 CSS 如下:

.imagewrapper {
    display: inline-table;
    margin: 20px;
    margin-bottom: 10px;
}
.imagedisplay {
    height: 122px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.imagedisplay:hover {
    height: 122px;
    opacity:0.4;
    border-o
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

任何帮助将不胜感激。提前致谢

Answer 1

-moz-border-radius 之前的行是无效的，没有关闭。它继续到下一行，因为没有分号，并且在下一个分号之前吃任何东西。

border-o                     /* <--- Here lies the problem. Remove it. */
-moz-border-radius: 7px;