css - uc浏览器设置背景图片高度

Question

我在 uc 浏览器 上使用 css 有问题。

.note-sec
    {
        padding-bottom:50px;
        background:url(../img/4.jpg) no-repeat 50% 50%;
        background-attachment:fixed;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size:cover;
        width:auto;
        display:block;
        height:100%!important;
        min-height:300px;
        color:#fff
    }

在 chrome 等许多浏览器中，它运行良好。但在 uc 浏览器中，图像宽度 100%，而不是高度 100%。有什么想法吗？谢谢

Answer 1

UC 浏览器以不同方式处理 height: 100% 并且不会从祖父节点继承。

你需要在这里做的是为 .note-sec 的父级提供一个固定的高度，并使 display 属性与 block 或 内联 block 。