none
background-image vs Windows Phone RRS feed

  • Общие обсуждения

  • I have such HTML:

    <div class="teaser" id="teaserSection"></div>

    And here is my CSS:

    @media (max-resolution: 120dpi) {
        .teaser {
            background-image: url(https://latcard.lv/services/assets/jurbaza/ldpi/austria_image.jpg);
        }
    }

    @media (max-resolution: 160dpi) {
        .teaser {
            background-image: url(https://latcard.lv/services/assets/jurbaza/mdpi/austria_image.jpg);
        }
    }

    @media (max-resolution: 240dpi) {
        .teaser {
            background-image: url(https://latcard.lv/services/assets/jurbaza/hdpi/austria_image.jpg);
        }
    }

    @media (max-resolution: 320dpi) {
        .teaser {
            background-image: url(https://latcard.lv/services/assets/jurbaza/xhdpi/austria_image.jpg);
        }
    }

    @media (max-resolution: 480dpi) {
        .teaser {
            background-image: url(https://latcard.lv/services/assets/jurbaza/xxhdpi/austria_image.jpg);
        }
    }

    @media (max-resolution: 640dpi) {
        .teaser {
            background-image: url(https://latcard.lv/services/assets/jurbaza/xxxhdpi/austria_image.jpg);
        }
    }

    .teaser {
        width: 100%;
        height: 25vh;
        background-repeat: no-repeat;
        background-;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    The image doesn;t show up on Windows Phone - why?


    Foma

    25 сентября 2015 г. 18:38

Все ответы