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;

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

1 个答案: