css - 在uc浏览器中设置背景图像的高度

Question

我有问题csson uc browser。

.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属性与blockor相同inline-block。