Question

我注意到css border-bottom属性在Chrome中不起作用。

到目前为止，我已经检查了IE 10和Mozilla。适用于这些浏览器。当我没有使用全屏时，它适用于Chrome。

#sync2 .item{
    background: transparent;
    color: #fff;
    text-align: center;
    cursor: pointer;
    width:25%;
    margin-right:auto;
    margin-left:auto;
    border-bottom:1px solid white;
    transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
}

Answer 1

尝试在html代码的顶部添加以下行：

<!DOCTYPE html>

编辑：它可能与记录here的错误相同。

Answer 2

我也发现chrome和opera中的问题我解决了它像This

首先设置所有边框

border:1px solid white;

然后删除顶部，左侧和右侧边框

border-left:0px;
border-right:0px;
border-top:0px;

使用全屏时，css border-bottom属性在Chrome中无效

2 个答案: