使用全屏时，css border-bottom 属性在 Chrome 中不起作用答案

【问题标题】：css border-bottom property does not work in Chrome when using full screen使用全屏时，css border-bottom 属性在 Chrome 中不起作用
【发布时间】：2014-06-24 23:16:20
【问题描述】：

我注意到 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;
}

【问题讨论】：

您有示例链接吗？还是小提琴？
你能指定什么情况下不出现边框吗？
header {border-bottom: 3px #f4f4f4 solid; }

标签： html css google-chrome border

【解决方案1】：

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

<!DOCTYPE html>

编辑：这可能与记录在案的 here 相同。

【讨论】：

【解决方案2】：

我在 chrome 和 opera 中也发现了这个问题，我像这样解决了它

首先你设置所有的边框

border:1px solid white;

然后你删除顶部，左右边框

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

【讨论】：