html - 使用全屏时,css border-bottom 属性在 Chrome 中不起作用

标签 html css google-chrome border

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

最佳答案

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

<!DOCTYPE html>

编辑: 这可能与记录的错误相同 here .

关于html - 使用全屏时,css border-bottom 属性在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24397840/

相关文章:

html - 图片与 parent 的高度和宽度不匹配

javascript - 如何将 SQL 数据库中的数据显示到 PHP/HTML 表中

jquery - 内容出现在汉堡包导航之外

jquery - 我怎样才能使单选复选框向任何方向移动@media - css

google-chrome - 将照片从文件绘制到 Canvas 基于 EXIF 在 Chrome 中旋转

html - Bootstrap 3 Navbar 无法在移动设备上运行

html - 在中心和中间对齐 div 内的跨度

javascript - 我需要帮助来识别和解决淡入文本问题

javascript - 如何反转 javascript Uint32 中的字节顺序

css - Chrome 更改背景图片位置