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

Question

我在css上遇到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属性与block或inline-block相同。