louisremi / background-size-polyfill

Adds support for background-size "cover" and "contain" to IE8
http://louisremi.github.com/background-size-polyfill/
MIT License
1.26k stars 359 forks source link

Sass and frozen links #63

Open marietaGonzales opened 9 years ago

marietaGonzales commented 9 years ago

Well i'm workign on a website, and we need to use on i8

using this lib works fine BUT....

But i can't reproduce the vidos or click any link

also i have videos and i cant' reproduce them

i tried to use background: no-repeat center center fixed\0/ but this generate an error at sass

this is my sass


#main {
    .section-page{
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-page.jpg',sizingMethod='scale') !important;
         background-size: cover;
                  -ms-behavior: url(backgroundsize.min.htc) !important;
              behavior: url(backgroundsize.min.htc) !important;
    }
    .section-dep {.banner-dep {.title-dep{background-color:white;}}}
    .section-one{
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-1.jpg',sizingMethod='scale') !important;
         background-size: cover;
        /* The url is relative to the document, not to the css file! */
        /* Prefer absolute urls to avoid confusion. */
        -ms-behavior: url(backgroundsize.min.htc) !important;
        behavior: url(backgroundsize.min.htc) !important;
    }
    .section-two{
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-2.jpg',sizingMethod='scale') !important;
         background-size: cover;
        /* The url is relative to the document, not to the css file! */
        /* Prefer absolute urls to avoid confusion. */
        -ms-behavior: url(backgroundsize.min.htc) !important;
        behavior: url(backgroundsize.min.htc) !important;
    }
    .section-three{
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-3.jpg',sizingMethod='scale')  !important;
         background-size: cover;
        -ms-behavior: url(backgroundsize.min.htc) !important;
        behavior: url(backgroundsize.min.htc) !important;
        z-index:0;
         background: no-repeat center center fixed\0/; 

    }
    .section-four{
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-4.jpg',sizingMethod='scale') !important;
         background-size: cover;
        /* The url is relative to the document, not to the css file! */
        /* Prefer absolute urls to avoid confusion. */
        -ms-behavior: url(backgroundsize.min.htc) !important;
        behavior: url(backgroundsize.min.htc) !important;
    }
}

#container{ 
    > footer{
        section.footer-menus{
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-5.jpg',sizingMethod='scale') !important;
            background-size: cover;
            /* The url is relative to the document, not to the css file! */
            /* Prefer absolute urls to avoid confusion. */
            -ms-behavior: url(backgroundsize.min.htc) !important;
            behavior: url(backgroundsize.min.htc) !important;
        }
    }
}

Please HELP!!!