Skip to main content
Adicionei imagens
Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

Apenas para o IE10 e IE11 você pode fazer assim!

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .box-form .logo-footer { 
        margin-top: -2vh!important;
        margin-bottom: -9vh!important;
        margin-left: 44px!important;
    }
}

Aqui tem uma documentação mais completa.

https://gist.github.com/vidaaudrey/c16774076391d09e7ec7dbb7ed7a3189

Teste do Hack no IE11 no Windows 10 e Chrome 63

No Chrome 63 inserir a descrição da imagem aqui

No IE 11, repare o quadrado vermelho no canto inferior direito "11" inserir a descrição da imagem aqui

Código que usei

<style>
.teste {
    width: 100px;
    height: 100px;
    background-color: red;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .teste { 
        width: 100px;
        height: 100px;
        background-color: black;
    }
}
</style>
</head>

<body>

    <div class="teste"></div>

</body>

Apenas para o IE10 e IE11 você pode fazer assim!

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .box-form .logo-footer { 
        margin-top: -2vh!important;
        margin-bottom: -9vh!important;
        margin-left: 44px!important;
    }
}

Aqui tem uma documentação mais completa.

https://gist.github.com/vidaaudrey/c16774076391d09e7ec7dbb7ed7a3189

Apenas para o IE10 e IE11 você pode fazer assim!

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .box-form .logo-footer { 
        margin-top: -2vh!important;
        margin-bottom: -9vh!important;
        margin-left: 44px!important;
    }
}

Aqui tem uma documentação mais completa.

https://gist.github.com/vidaaudrey/c16774076391d09e7ec7dbb7ed7a3189

Teste do Hack no IE11 no Windows 10 e Chrome 63

No Chrome 63 inserir a descrição da imagem aqui

No IE 11, repare o quadrado vermelho no canto inferior direito "11" inserir a descrição da imagem aqui

Código que usei

<style>
.teste {
    width: 100px;
    height: 100px;
    background-color: red;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .teste { 
        width: 100px;
        height: 100px;
        background-color: black;
    }
}
</style>
</head>

<body>

    <div class="teste"></div>

</body>
Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

Apenas para o IE10 e IE11 você pode fazer assim!

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .box-form .logo-footer { 
        margin-top: -2vh!important;
        margin-bottom: -9vh!important;
        margin-left: 44px!important;
    }
}

Aqui tem uma documentação mais completa.

https://gist.github.com/vidaaudrey/c16774076391d09e7ec7dbb7ed7a3189